Refactor AgentOS SCSS: Split Source and Variables #8021

Author: tobiu

resources/scss/src/apps/agentos/Viewport.scss

@@ -1,28 +1,3 @@
-:root .neo-theme-dark {
-    --agent-bg-dark                 : #0d1117;
-    --agent-bg-panel                : #161b22;
-    --agent-border                  : #30363d;
-    --agent-text-primary            : #c9d1d9;
-    --agent-text-secondary          : #8b949e;
-
-    --agent-accent-strategy         : #f1c40f;
-    /* Gold */
-    --agent-accent-swarm            : #00d2ff;
-    /* Cyan */
-    --agent-accent-intervention     : #ff4757;
-    /* Red */
-
-    --agent-font-mono               : 'Courier New', monospace;
-    --agent-font-ui                 : system-ui, -apple-system, sans-serif;
-
-    // Override Neo variables
-    --neo-background-color          : var(--agent-bg-dark);
-    --neo-color                     : var(--agent-text-primary);
-    --panel-header-background-color : var(--agent-bg-panel);
-    --panel-body-background-color   : var(--agent-bg-dark);
-    --toolbar-background-color      : var(--agent-bg-panel);
-}
-
 .agent-os-viewport.neo-viewport {
     --neo-background-color          : var(--agent-bg-dark);
     --neo-color                     : var(--agent-text-primary);
@@ -184,4 +159,4 @@
         color        : #666;
         margin-right : 10px;
     }
-}
+}

resources/scss/theme-dark/apps/agentos/Viewport.scss

@@ -0,0 +1,24 @@
+:root .neo-theme-dark {
+    --agent-bg-dark                 : #0d1117;
+    --agent-bg-panel                : #161b22;
+    --agent-border                  : #30363d;
+    --agent-text-primary            : #c9d1d9;
+    --agent-text-secondary          : #8b949e;
+
+    --agent-accent-strategy         : #f1c40f;
+    /* Gold */
+    --agent-accent-swarm            : #00d2ff;
+    /* Cyan */
+    --agent-accent-intervention     : #ff4757;
+    /* Red */
+
+    --agent-font-mono               : 'Courier New', monospace;
+    --agent-font-ui                 : system-ui, -apple-system, sans-serif;
+
+    // Override Neo variables
+    --neo-background-color          : var(--agent-bg-dark);
+    --neo-color                     : var(--agent-text-primary);
+    --panel-header-background-color : var(--agent-bg-panel);
+    --panel-body-background-color   : var(--agent-bg-dark);
+    --toolbar-background-color      : var(--agent-bg-panel);
+}

resources/scss/theme-light/apps/agentos/Viewport.scss

@@ -0,0 +1,24 @@
+:root .neo-theme-light {
+    --agent-bg-dark                 : #ffffff;
+    --agent-bg-panel                : #f6f8fa;
+    --agent-border                  : #d0d7de;
+    --agent-text-primary            : #24292f;
+    --agent-text-secondary          : #57606a;
+
+    --agent-accent-strategy         : #d3a600;
+    /* Darker Gold for contrast */
+    --agent-accent-swarm            : #0095b3;
+    /* Darker Cyan for contrast */
+    --agent-accent-intervention     : #cf222e;
+    /* Red */
+
+    --agent-font-mono               : 'Courier New', monospace;
+    --agent-font-ui                 : system-ui, -apple-system, sans-serif;
+
+    // Override Neo variables
+    --neo-background-color          : var(--agent-bg-dark);
+    --neo-color                     : var(--agent-text-primary);
+    --panel-header-background-color : var(--agent-bg-panel);
+    --panel-body-background-color   : var(--agent-bg-dark);
+    --toolbar-background-color      : var(--agent-bg-panel);
+}

resources/scss/theme-neo-light/apps/agentos/Viewport.scss

@@ -0,0 +1,24 @@
+:root .neo-theme-neo-light {
+    --agent-bg-dark                 : #ffffff;
+    --agent-bg-panel                : #f6f8fa;
+    --agent-border                  : #d0d7de;
+    --agent-text-primary            : #24292f;
+    --agent-text-secondary          : #57606a;
+
+    --agent-accent-strategy         : #d3a600;
+    /* Darker Gold for contrast */
+    --agent-accent-swarm            : #0095b3;
+    /* Darker Cyan for contrast */
+    --agent-accent-intervention     : #cf222e;
+    /* Red */
+
+    --agent-font-mono               : 'Courier New', monospace;
+    --agent-font-ui                 : system-ui, -apple-system, sans-serif;
+
+    // Override Neo variables
+    --neo-background-color          : var(--agent-bg-dark);
+    --neo-color                     : var(--agent-text-primary);
+    --panel-header-background-color : var(--agent-bg-panel);
+    --panel-body-background-color   : var(--agent-bg-dark);
+    --toolbar-background-color      : var(--agent-bg-panel);
+}