@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.6.0 → 0.7.0

package/src/themes/themes/jeremy.ts

@@ -163,21 +163,21 @@ export const jeremyTheme: MultiThemeConfig = {
       }
     }
   },
-        colors: {
+          colors: {
     primary: {
-      '50': '#F4F1F1',
-      '100': '#E9E2E2',
-      '200': '#D6C2C2',
-      '300': '#C69F9F',
+      '50': '#F2F2F2',
+      '100': '#E6E6E6',
+      '200': '#CCCCCC',
+      '300': '#B3B3B3',
       '400': '#999999',
       '500': '#1E1E1E',
       '600': '#666666',
-      '700': '#603939',
-      '800': '#432D2D',
-      '900': '#291E1E',
+      '700': '#4D4D4D',
+      '800': '#383838',
+      '900': '#242424',
       '500-rgb': '30, 30, 30',
       '600-rgb': '102, 102, 102',
-      '700-rgb': '96, 57, 57',
+      '700-rgb': '77, 77, 77',
     },
     secondary: {
       '50': '#F8F5EC',
@@ -224,41 +224,41 @@ export const jeremyTheme: MultiThemeConfig = {
       '900': '#201D1D',
     },
     surface: {
-      background: '#FAF8F8',
+      background: '#F9F9F9',
       surface: '#FFFFFF',
       border: '#E9E1CB',
       divider: '#F4F0E6',
     },
     text: {
-      primary: '#291E1E',
-      secondary: '#603939',
+      primary: '#242424',
+      secondary: '#4D4D4D',
       muted: '#9E9494',
       inverse: '#FFFFFF',
       onPrimary: '#FFFFFF',
-      onSecondary: '#291E1E',
-      onSurface: '#291E1E',
+      onSecondary: '#242424',
+      onSurface: '#242424',
     },
     interactive: {
       hover: '#666666',
-      active: '#432D2D',
+      active: '#383838',
       focus: '#1E1E1E',
       disabled: '#D3CFCF',
     },
     // Additional colors referenced in CSS
     accent: '#E2C983',
-    'bg-primary': '#F4F1F1',
+    'bg-primary': '#F2F2F2',
     'bg-secondary': '#F3ECD8',
-    'surface-bg': '#FAF8F8',
+    'surface-bg': '#F9F9F9',
     // Additional missing CSS variables
     'primary-hover': '#666666',
-    'primary-active': '#432D2D',
+    'primary-active': '#383838',
     'accent-rgb': '226, 201, 131',
     'border': '#E9E1CB',
     // Border semantic variables
     'border-transparent': 'transparent',
     // Text colors referenced in CSS
-    'text-primary': '#291E1E',
-    'text-secondary': '#603939'
+    'text-primary': '#242424',
+    'text-secondary': '#4D4D4D'
   },
   navigation: {
     layout: 'horizontal',
@@ -323,15 +323,15 @@ export const jeremyTheme: MultiThemeConfig = {
         secondary: '#F8F5EC',
         tertiary: '#FAFAFA',
         light: '#ffffff',
-        dark: '#291E1E',
+        dark: '#242424',
         contrast: '#000000',
       },
       text: {
-        primary: '#291E1E',
-        secondary: '#603939',
+        primary: '#242424',
+        secondary: '#4D4D4D',
         tertiary: '#9E9494',
         light: '#B9B1B1',
-        dark: '#291E1E',
+        dark: '#242424',
         contrast: '#ffffff',
       },
       border: {
@@ -339,14 +339,14 @@ export const jeremyTheme: MultiThemeConfig = {
         secondary: '#F3ECD8',
         tertiary: '#B9B1B1',
         light: '#F5F4F4',
-        dark: '#603939',
+        dark: '#4D4D4D',
         contrast: '#000000',
       },
       accent: {
         primary: '#1E1E1E',
         secondary: '#666666',
-        tertiary: '#603939',
-        light: '#D6C2C2',
+        tertiary: '#4D4D4D',
+        light: '#CCCCCC',
         dark: '#666666',
         contrast: '#ffffff',
       },
@@ -355,14 +355,14 @@ export const jeremyTheme: MultiThemeConfig = {
         secondary: '#FAFAFA',
         tertiary: '#F5F4F4',
         light: '#ffffff',
-        dark: '#432D2D',
+        dark: '#383838',
         contrast: '#F8F5EC',
       },
       active: {
         primary: '#1E1E1E',
         secondary: '#666666',
-        tertiary: '#603939',
-        light: '#D6C2C2',
+        tertiary: '#4D4D4D',
+        light: '#CCCCCC',
         dark: '#666666',
         contrast: '#ffffff',
       },
@@ -377,8 +377,8 @@ export const jeremyTheme: MultiThemeConfig = {
       focus: {
         primary: '#1E1E1E',
         secondary: '#666666',
-        tertiary: '#603939',
-        light: '#D6C2C2',
+        tertiary: '#4D4D4D',
+        light: '#CCCCCC',
         dark: '#666666',
         contrast: '#ffffff',
       }
@@ -458,7 +458,7 @@ export const jeremyTheme: MultiThemeConfig = {
       grid: '1.5rem'
     }
   },
-      shadows: {
+        shadows: {
     sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
     md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
     lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
@@ -577,24 +577,24 @@ export const jeremyTheme: MultiThemeConfig = {
     updatedAt: '2024-12-25T00:00:00.000Z'
   },
 
-        // NEW: Add dark mode overrides
+          // NEW: Add dark mode overrides
   modes: {
     dark: {
       colors: {
         primary: {
-          '50': '#291E1E',
-          '100': '#432D2D',
-          '200': '#603939',
+          '50': '#242424',
+          '100': '#383838',
+          '200': '#4D4D4D',
           '300': '#666666',
           '400': '#1E1E1E',
           '500': '#1E1E1E',
           '600': '#999999',
-          '700': '#C69F9F',
-          '800': '#D6C2C2',
-          '900': '#E9E2E2',
+          '700': '#B3B3B3',
+          '800': '#CCCCCC',
+          '900': '#E6E6E6',
           '500-rgb': '30, 30, 30',
           '600-rgb': '153, 153, 153',
-          '700-rgb': '198, 159, 159',
+          '700-rgb': '179, 179, 179',
         },
         secondary: {
           '50': '#362C11',
@@ -645,9 +645,9 @@ export const jeremyTheme: MultiThemeConfig = {
         },
         surface: {
           background: '#1E1E1E',
-          surface: '#291E1E',
-          border: '#251818',
-          divider: '#432D2D',
+          surface: '#242424',
+          border: '#1F1F1F',
+          divider: '#383838',
         },
         text: {
           primary: '#FFFFFF',
@@ -662,18 +662,18 @@ export const jeremyTheme: MultiThemeConfig = {
           hover: '#1E1E1E',
           active: '#666666',
           focus: '#999999',
-          disabled: '#251818',
+          disabled: '#1F1F1F',
         },
         // Additional colors referenced in CSS
         accent: '#DDB955',
-        'bg-primary': '#291E1E',
+        'bg-primary': '#242424',
         'bg-secondary': '#584718',
         'surface-bg': '#1E1E1E',
         // Additional missing CSS variables
         'primary-hover': '#999999',
-        'primary-active': '#C69F9F',
+        'primary-active': '#B3B3B3',
         'accent-rgb': '221, 185, 85',
-        'border': '#251818',
+        'border': '#1F1F1F',
         // Text colors referenced in CSS
         'text-primary': '#FFFFFF',
         'text-secondary': '#DDB955'