@principal-ade/industry-theme 0.1.17 → 0.1.18

package/dist/cjs/index.js

@@ -1838,33 +1838,33 @@ var slateGoldTheme = {
   colors: {
     text: "#d0d6e0",
     background: "#1a1c1e",
-    primary: "#E4C04A",
-    secondary: "#64748b",
-    accent: "#2563EB",
-    highlight: "#1e2a3d",
+    primary: "#2563EB",
+    secondary: "#1d4ed8",
+    accent: "#E4C04A",
+    highlight: "#2a2720",
     muted: "#2d3134",
     success: "#10b981",
     warning: "#E4C04A",
     error: "#ef4444",
-    info: "#3b82f6",
+    info: "#2563EB",
     border: "#2d3034",
     backgroundSecondary: "#22252a",
     backgroundTertiary: "#2d3134",
     backgroundLight: "#202325",
-    backgroundHover: "#2a2720",
+    backgroundHover: "#1e2a3d",
     surface: "#1f2124",
     textSecondary: "#e5e7eb",
     textTertiary: "#6b7280",
     textMuted: "#4b5563",
-    highlightBg: "#3D3215",
-    highlightBorder: "#E4C04A",
-    textOnPrimary: "#1a1c1e",
+    highlightBg: "#1e2a3d",
+    highlightBorder: "#2563EB",
+    textOnPrimary: "#ffffff",
     textOnSecondary: "#ffffff",
-    textOnAccent: "#ffffff"
+    textOnAccent: "#1a1c1e"
   },
   buttons: {
     primary: {
-      color: "#1a1c1e",
+      color: "#ffffff",
       bg: "primary",
       borderWidth: 0,
       "&:hover": {
@@ -1872,11 +1872,11 @@ var slateGoldTheme = {
       }
     },
     secondary: {
-      color: "primary",
+      color: "accent",
       bg: "transparent",
       borderWidth: 1,
       borderStyle: "solid",
-      borderColor: "primary",
+      borderColor: "accent",
       "&:hover": {
         bg: "highlight"
       }
@@ -1916,7 +1916,7 @@ var slateGoldTheme = {
     secondary: {
       bg: "backgroundSecondary",
       border: "1px solid",
-      borderColor: "primary",
+      borderColor: "accent",
       borderRadius: 3
     }
   }

package/dist/esm/index.js

@@ -1752,33 +1752,33 @@ var slateGoldTheme = {
   colors: {
     text: "#d0d6e0",
     background: "#1a1c1e",
-    primary: "#E4C04A",
-    secondary: "#64748b",
-    accent: "#2563EB",
-    highlight: "#1e2a3d",
+    primary: "#2563EB",
+    secondary: "#1d4ed8",
+    accent: "#E4C04A",
+    highlight: "#2a2720",
     muted: "#2d3134",
     success: "#10b981",
     warning: "#E4C04A",
     error: "#ef4444",
-    info: "#3b82f6",
+    info: "#2563EB",
     border: "#2d3034",
     backgroundSecondary: "#22252a",
     backgroundTertiary: "#2d3134",
     backgroundLight: "#202325",
-    backgroundHover: "#2a2720",
+    backgroundHover: "#1e2a3d",
     surface: "#1f2124",
     textSecondary: "#e5e7eb",
     textTertiary: "#6b7280",
     textMuted: "#4b5563",
-    highlightBg: "#3D3215",
-    highlightBorder: "#E4C04A",
-    textOnPrimary: "#1a1c1e",
+    highlightBg: "#1e2a3d",
+    highlightBorder: "#2563EB",
+    textOnPrimary: "#ffffff",
     textOnSecondary: "#ffffff",
-    textOnAccent: "#ffffff"
+    textOnAccent: "#1a1c1e"
   },
   buttons: {
     primary: {
-      color: "#1a1c1e",
+      color: "#ffffff",
       bg: "primary",
       borderWidth: 0,
       "&:hover": {
@@ -1786,11 +1786,11 @@ var slateGoldTheme = {
       }
     },
     secondary: {
-      color: "primary",
+      color: "accent",
       bg: "transparent",
       borderWidth: 1,
       borderStyle: "solid",
-      borderColor: "primary",
+      borderColor: "accent",
       "&:hover": {
         bg: "highlight"
       }
@@ -1830,7 +1830,7 @@ var slateGoldTheme = {
     secondary: {
       bg: "backgroundSecondary",
       border: "1px solid",
-      borderColor: "primary",
+      borderColor: "accent",
       borderRadius: 3
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/industry-theme",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "type": "module",
   "description": "Theme components and styles for industry-themed markdown",
   "main": "./dist/cjs/index.js",

package/src/themes.ts

@@ -1492,50 +1492,50 @@ export const slateGoldTheme: Theme = {
   ],
   zIndices: [0, 1, 10, 20, 30, 40, 50],
 
-  // Colors - Slate greys with Circuit Gold accents
+  // Colors - Slate greys with Deep Sapphire blue primary and Circuit Gold accents
   colors: {
-    // Base colors - Slate greys with gold primary
+    // Base colors - Slate greys with blue primary and gold accent
     text: '#d0d6e0', // Near-white grey for most text
     background: '#1a1c1e', // Very dark charcoal
-    primary: '#E4C04A', // Bright Circuit Gold - sophisticated accent
-    secondary: '#64748b', // Slate grey for secondary actions
-    accent: '#2563EB', // Deep Sapphire blue
-    highlight: '#1e2a3d', // Blue-tinted highlight
+    primary: '#2563EB', // Deep Sapphire blue - primary action color
+    secondary: '#1d4ed8', // Darker blue for hover
+    accent: '#E4C04A', // Bright Circuit Gold accent
+    highlight: '#2a2720', // Gold-tinted highlight
     muted: '#2d3134', // Dark grey
 
     // Status colors
     success: '#10b981', // Emerald green
-    warning: '#E4C04A', // Bright Circuit Gold
+    warning: '#E4C04A', // Circuit Gold
     error: '#ef4444', // Red
-    info: '#3b82f6', // Blue
+    info: '#2563EB', // Deep Sapphire blue
 
-    // Additional semantic colors - Grey palette with gold touches
+    // Additional semantic colors - Grey palette with blue/gold touches
     border: '#2d3034', // Subtle grey border
     backgroundSecondary: '#22252a', // Slightly lighter dark grey
     backgroundTertiary: '#2d3134', // Even lighter dark grey
     backgroundLight: '#202325', // Very faint grey
-    backgroundHover: '#2a2720', // Gold-tinted hover
+    backgroundHover: '#1e2a3d', // Blue-tinted hover
     surface: '#1f2124', // Near-black surface
     textSecondary: '#e5e7eb', // Light grey for important text
     textTertiary: '#6b7280', // Darker grey
     textMuted: '#4b5563', // Even darker grey
 
     // Search highlight colors
-    highlightBg: '#3D3215', // Gold highlight
-    highlightBorder: '#E4C04A', // Bright Circuit Gold border
+    highlightBg: '#1e2a3d', // Blue highlight
+    highlightBorder: '#2563EB', // Deep Sapphire blue border
 
     // Text on primary background
-    textOnPrimary: '#1a1c1e', // Dark text on gold primary
+    textOnPrimary: '#ffffff', // White text on blue primary
     // Text on secondary background
-    textOnSecondary: '#ffffff', // White text on slate grey secondary
+    textOnSecondary: '#ffffff', // White text on darker blue secondary
     // Text on accent background
-    textOnAccent: '#ffffff', // White text on blue accent
+    textOnAccent: '#1a1c1e', // Dark text on gold accent
   },
 
   // Component variants
   buttons: {
     primary: {
-      color: '#1a1c1e', // Dark text on gold
+      color: '#ffffff', // White text on blue
       bg: 'primary',
       borderWidth: 0,
       '&:hover': {
@@ -1543,11 +1543,11 @@ export const slateGoldTheme: Theme = {
       },
     },
     secondary: {
-      color: 'primary',
+      color: 'accent',
       bg: 'transparent',
       borderWidth: 1,
       borderStyle: 'solid',
-      borderColor: 'primary',
+      borderColor: 'accent',
       '&:hover': {
         bg: 'highlight',
       },
@@ -1589,7 +1589,7 @@ export const slateGoldTheme: Theme = {
     secondary: {
       bg: 'backgroundSecondary',
       border: '1px solid',
-      borderColor: 'primary',
+      borderColor: 'accent',
       borderRadius: 3,
     },
   },