update: theme object color name change

Musketeer-Developers · Sep 2, 2022 · dd50582 · dd50582
1 parent 72f73fb
commit dd50582
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 23 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -4,10 +4,10 @@ import '../src/styles/globals.css';
 
 const theme = createTheme({
   colors: {
-    fontColor: 'black',
-    backgroundColor: 'white',
-    primaryColor: '#1890ff',
-    secondaryColor: 'yellowgreen',
+    backgroundColor: 'black',
+    fontColor: 'white',
+    titleColor: '#1890ff',
+    highlighterColor: 'yellowgreen',
   },
   name: 'theme1',
 });

diff --git a/src/helpers/constants/index.interface.ts b/src/helpers/constants/index.interface.ts
@@ -1,8 +1,8 @@
 export interface ThemeColorIntf {
-  fontColor: string;
   backgroundColor: string;
-  primaryColor: string;
-  secondaryColor: string;
+  fontColor: string;
+  titleColor: string;
+  highlighterColor: string;
   id: number;
 }
 

diff --git a/src/helpers/constants/index.ts b/src/helpers/constants/index.ts
@@ -4,24 +4,24 @@ import { ThemeColorIntf } from './index.interface';
 
 export const SYSTEM_COLORS: ThemeColorIntf[] = [
   {
-    fontColor: '#FFFFFF',
-    backgroundColor: '#000000',
-    primaryColor: '#0019FD',
-    secondaryColor: '#22B34B',
+    backgroundColor: '#FFFFFF',
+    fontColor: '#000000',
+    titleColor: '#0019FD',
+    highlighterColor: '#22B34B',
     id: 1,
   },
   {
-    fontColor: '#FFFFFF',
-    backgroundColor: '#9F0808',
-    primaryColor: '#000000',
-    secondaryColor: '#F1A91E',
+    backgroundColor: '#FFFFFF',
+    fontColor: '#9F0808',
+    titleColor: '#000000',
+    highlighterColor: '#F1A91E',
     id: 2,
   },
   {
-    fontColor: '#FFFFFF',
-    backgroundColor: '#000000',
-    primaryColor: '#217503',
-    secondaryColor: '#F556E5',
+    backgroundColor: '#FFFFFF',
+    fontColor: '#000000',
+    titleColor: '#217503',
+    highlighterColor: '#F556E5',
     id: 3,
   },
 ];
@@ -41,10 +41,10 @@ export const AVAILABLE_TEMPLATES: ITemplate[] = [
   },
 ];
 export const CUSTOM_THEME_COLOR: ThemeColorIntf = {
-  fontColor: '#FFFFFF',
-  backgroundColor: '#000000',
-  primaryColor: '#0019FD',
-  secondaryColor: '#22B34B',
+  backgroundColor: '#FFFFFF',
+  fontColor: '#000000',
+  titleColor: '#0019FD',
+  highlighterColor: '#22B34B',
   id: 4,
 };