Fix button color

Author: pomber

packages/mdx/src/mini-editor/editor-frame.tsx

@@ -68,7 +68,12 @@ export const EditorFrame = React.forwardRef<
         ...style,
       }}
     >
-      <div className={"ch-frame-title-bar"}>
+      <div
+        className={"ch-frame-title-bar"}
+        style={{
+          color: getColor(theme, ColorName.IconForeground),
+        }}
+      >
         <TabsContainer
           tabs={northPanel.tabs}
           showFrameButtons={true}
@@ -89,6 +94,10 @@ export const EditorFrame = React.forwardRef<
             className={"ch-frame-title-bar"}
             style={{
               transform: southPanel.style?.transform,
+              color: getColor(
+                theme,
+                ColorName.IconForeground
+              ),
             }}
           >
             <TabsContainer

packages/mdx/src/utils/theme.ts

@@ -45,6 +45,7 @@ export enum ColorName {
   InputBackground,
   InputBorder,
   SelectionBackground,
+  IconForeground,
 }
 
 type Color = string | undefined
@@ -200,6 +201,15 @@ export function getColor(
           hc: "#f3f518",
         })
       )
+    case ColorName.IconForeground:
+      return (
+        colors["icon.foreground"] ||
+        getDefault(theme, {
+          dark: "#C5C5C5",
+          light: "#424242",
+          hc: "#FFFFFF",
+        })
+      )
     default:
       return "#f00"
   }