fix: standardize colors - #131217 background, #1A1B1F cards

Author: Factory Bot

cortex-gui/src/components/figma/FigmaActivityBar.tsx

@@ -75,7 +75,7 @@ export const FigmaActivityBar: Component<FigmaActivityBarProps> = (props) => {
     "margin-left": "8px", // Figma: x:8
     "margin-top": "8px", // Gap from titlebar (y:69 - titlebar 58 = 11, rounded to 8)
     "margin-bottom": "8px",
-    background: "var(--figma-bg-secondary, #1A1A1A)", // Card background per Figma
+    background: "var(--figma-bg-secondary, #1A1B1F)", // Card background per Figma
     "border-radius": "12px", // Rounded card corners
     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     padding: "0",

cortex-gui/src/components/figma/FigmaChatPanel.tsx

@@ -236,7 +236,7 @@ const MinimizedChat: Component<Omit<FigmaChatPanelProps, "state">> = (props) =>
     bottom: "36px", // Above status bar
     width: "369px",
     height: "297px",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-radius": "var(--figma-radius-lg, 12px)",
     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     display: "flex",
@@ -310,7 +310,7 @@ const ExpandedChat: Component<Omit<FigmaChatPanelProps, "state">> = (props) => {
     bottom: "36px",
     width: "369px",
     "max-height": "calc(100vh - 120px)",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-radius": "var(--figma-radius-lg, 12px)",
     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     display: "flex",

cortex-gui/src/components/figma/FigmaCodeEditor.tsx

@@ -74,7 +74,7 @@ export const FigmaCodeEditor: Component<FigmaCodeEditorProps> = (props) => {
     "flex-direction": "column",
     width: "100%",
     height: "100%",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     overflow: "hidden",
     ...local.style,
   });
@@ -107,7 +107,7 @@ export const FigmaCodeEditor: Component<FigmaCodeEditorProps> = (props) => {
     "justify-content": "space-between",
     height: "34px",
     padding: "0 8px",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-top": "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     "flex-shrink": "0",
   });

cortex-gui/src/components/figma/FigmaDesktopLayout.tsx

@@ -340,7 +340,7 @@ function FigmaMenuDropdown(props: FigmaMenuDropdownProps) {
           display: "flex",
           "align-items": "flex-start",
           gap: "2px",
-          background: "var(--figma-bg-secondary, #1A1A1A)",
+          background: "var(--figma-bg-secondary, #1A1B1F)",
           "border-radius": "var(--figma-radius-md, 8px)",
           border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
           padding: "6px",
@@ -400,7 +400,7 @@ function FigmaMenuDropdown(props: FigmaMenuDropdownProps) {
                     top: "calc(100% + 4px)",
                     left: "0",
                     "min-width": "220px",
-                    background: "var(--figma-bg-secondary, #1A1A1A)",
+                    background: "var(--figma-bg-secondary, #1A1B1F)",
                     "border-radius": "var(--figma-radius-md, 8px)",
                     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
                     padding: "6px 0",
@@ -906,7 +906,7 @@ export function FigmaDesktopLayout(props: ParentProps) {
     "flex-shrink": "0",
     overflow: "hidden",
     transition: isResizing() ? "none" : "width 150ms ease, opacity 150ms ease",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-radius": "12px",
     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     opacity: sidebarCollapsed() ? "0" : "1",
@@ -928,7 +928,7 @@ export function FigmaDesktopLayout(props: ParentProps) {
     "margin-bottom": "8px",
     "margin-left": "12px", // 12px gap from sidebar
     "margin-right": "8px", // 8px from right edge
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-radius": "12px",
     border: "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
   });

cortex-gui/src/components/figma/FigmaEditorTabs.tsx

@@ -3,7 +3,7 @@
  * 
  * Design specs from Figma nodes 0:1134, 0:1617, 0:1622:
  * - Tab bar height: 47px
- * - Active tab: darker background (#1A1A1A), file icon, name, close button
+ * - Active tab: darker background (#1A1B1F), file icon, name, close button
  * - Inactive tabs: lighter/transparent background, same structure
  * - File icons: 16x16px based on file type
  * - Close button: 16x16px X icon, visible on hover or when modified
@@ -92,7 +92,7 @@ const EditorTabItem: Component<EditorTabItemProps> = (props) => {
     "padding-left": "24px",
     "padding-right": "16px",
     background: props.isActive 
-      ? "var(--figma-bg-secondary, #1A1A1A)" 
+      ? "var(--figma-bg-secondary, #1A1B1F)" 
       : "transparent",
     "border-top-left-radius": "8px",
     "border-top-right-radius": "8px",

cortex-gui/src/components/figma/FigmaExtensionsPanel.tsx

@@ -118,7 +118,7 @@ export const FigmaExtensionsPanel: Component = () => {
             placeholder="Search extensions..."
             style={{
               width: "100%",
-              background: "#1E1E1E",
+              background: "#1A1B1F",
               border: "1px solid #2D2D2D",
               "border-radius": "4px",
               color: "#EBEBEB",

cortex-gui/src/components/figma/FigmaFileExplorer.tsx

@@ -99,7 +99,7 @@ export const FigmaFileExplorer: Component<FigmaFileExplorerProps> = (props) => {
     "flex-direction": "column",
     width: "317px",
     height: "100%",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     "border-radius": "var(--figma-radius-sm, 4px)",
     overflow: "hidden",
     "flex-shrink": "0",

cortex-gui/src/components/figma/FigmaGitPanel.tsx

@@ -115,7 +115,7 @@ export const FigmaGitPanel: Component = () => {
           placeholder="Message (press Ctrl+Enter to commit)"
           style={{
             width: "100%",
-            background: "#1E1E1E",
+            background: "#1A1B1F",
             border: "1px solid #2D2D2D",
             "border-radius": "4px",
             color: "#EBEBEB",

cortex-gui/src/components/figma/FigmaSearchPanel.tsx

@@ -81,7 +81,7 @@ export const FigmaSearchPanel: Component = () => {
             placeholder="Search"
             style={{
               width: "100%",
-              background: "#1E1E1E",
+              background: "#1A1B1F",
               border: "1px solid #2D2D2D",
               "border-radius": "4px",
               color: "#EBEBEB",
@@ -147,7 +147,7 @@ export const FigmaSearchPanel: Component = () => {
             placeholder="Replace"
             style={{
               width: "100%",
-              background: "#1E1E1E",
+              background: "#1A1B1F",
               border: "1px solid #2D2D2D",
               "border-radius": "4px",
               color: "#EBEBEB",

cortex-gui/src/components/figma/FigmaStatusBar.tsx

@@ -57,7 +57,7 @@ export const FigmaStatusBar: Component<FigmaStatusBarProps> = (props) => {
     "justify-content": "space-between",
     width: "100%",
     height: "28px",
-    background: "var(--figma-bg-secondary, #1A1A1A)",
+    background: "var(--figma-bg-secondary, #1A1B1F)",
     padding: "0 8px",
     "border-top": "1px solid var(--figma-border-default, rgba(255,255,255,0.1))",
     "flex-shrink": "0",