chore: fix color (#2049)

Co-authored-by: JimmFly <yangjinfei001@gmail.com>

packages/component/src/ui/button/styles.ts

@@ -44,7 +44,7 @@ export const StyledIconButton = styled('button', {
       width,
       height,
       fontSize,
-      color: 'var(--affine-hover-color)',
+      color: 'var(--affine-icon-color)',
       ...displayInlineFlex('center', 'center'),
       position: 'relative',
       ...(disabled ? { cursor: 'not-allowed', pointerEvents: 'none' } : {}),

packages/component/src/ui/toast/toast.ts

@@ -75,8 +75,8 @@ export const toast = (
     font-size: var(--affine-font-sm);
     padding: 6px 12px;
     margin: 10px 0 0 0;
-    color: var(--affine-tooltip-color);
-    background: var(--affine-tooltip-background);
+    color: var(--affine-white);
+    background: var(--affine-tooltip);
     box-shadow: var(--affine-tooltip-shadow);
     border-radius: 10px;
     transition: all 230ms cubic-bezier(0.21, 1.02, 0.73, 1);