web: use accentForeground color instead of white

apps/web/src/components/route-container/index.tsx

@@ -102,7 +102,7 @@ function Header(props: RouteContainerProps) {
           {!isMobile && buttons?.create && (
             <Plus
               data-test-id={`${type}-action-button`}
-              color="white"
+              color="accentForeground"
               size={18}
               sx={{
                 bg: "accent",

apps/web/src/components/theme-preview/index.tsx

@@ -127,7 +127,7 @@ export function ThemePreview(props: ThemePreviewProps) {
               Notes
             </Text>
             <Plus
-              color="white"
+              color={theme.previewColors.list.accentForeground}
               size={8}
               sx={{
                 bg: theme.previewColors.list.accent,

apps/web/src/views/auth.tsx

@@ -999,7 +999,7 @@ export function SubmitButton(props: SubmitButtonProps) {
       }}
       disabled={props.disabled}
     >
-      {props.loading ? <Loading color="white" /> : props.text}
+      {props.loading ? <Loading color="accentForeground" /> : props.text}
     </Button>
   );
 }

packages/editor/src/extensions/code-block/component.tsx

@@ -87,7 +87,7 @@ export function CodeblockComponent(
             position: "relative",
             lineHeight: "20px",
             // bg: "var(--background-secondary)",
-            color: "white",
+            // color: "white",
             overflowX: "hidden",
             display: "flex"
           }}

packages/theme/src/theme/variants/button.ts

@@ -73,7 +73,7 @@ const secondary: ThemeUIStyleObject = createButtonVariant(
   "paragraph"
 );
 
-const accent = createButtonVariant("accent", "white", {
+const accent = createButtonVariant("accent", "accentForeground", {
   hover: { bg: alpha("accent", 0.9) },
   active: { bg: alpha("accent", 0.8) }
 });
@@ -81,7 +81,7 @@ const accentSecondary = createButtonVariant("shade", "accent", {
   hover: { bg: alpha("shade", 0.3) }
 });
 
-const error = createButtonVariant("accent-error", "white", {
+const error = createButtonVariant("accent-error", "accentForeground-error", {
   hover: { bg: alpha("accent-error", 0.9) }
 });