Refine storybook theme

Making-Sense-Info · Sep 30, 2023 · b48565b · b48565b
1 parent 9e8751e
commit b48565b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/.storybook/customTheme.js b/.storybook/customTheme.js
@@ -7,12 +7,12 @@ export const darkTheme = create({
     "brandImage": antlrLogo,
     "brandUrl": "https://github.com/Making-Sense-Info/ANTLR-Editor",
 
-    "appBg": "#0A192E",
-    "appContentBg": "#0A192E",
+    "appBg": "#323137",
+    "appContentBg": "#323137",
 
-    "barBg": "#0A192E",
+    "barBg": "#323137",
 
-    "colorSecondary": "#FBD616",
+    "colorSecondary": "#9211ff",
 
     "textColor": "#f1f0eb",
     "textInverseColor": "#ffc0cb",
@@ -27,11 +27,11 @@ export const lightTheme = create({
     "brandImage": antlrLogo,
     "brandUrl": "https://github.com/Making-Sense-Info/ANTLR-Editor",
 
-    "appBg": "#F5F7FA",
-    "appContentBg": "#F5F7FA",
-    "barBg": "#F5F7FA",
+    "appBg": "#f2f2f3",
+    "appContentBg": "#f2f2f3",
+    "barBg": "#f2f2f3",
 
-    "colorSecondary": "#3A4657",
+    "colorSecondary": "#9211ff",
 
     "textColor": "#0F417A",
     "textInverseColor": "#ffc0cb",

diff --git a/src/stories/Editor.stories.ts b/src/stories/Editor.stories.ts
@@ -12,6 +12,7 @@ export default {
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Sample = {
     args: {
-        label: "I'm the ANTLR Editor :o"
+        label: "I'm the ANTLR Editor :o",
+        color: "#9211ff"
     }
 };
diff --git a/src/stories/Editor.tsx b/src/stories/Editor.tsx
@@ -3,6 +3,6 @@ export type EditorProps = {
     color: string;
 };
 
-const Editor = ({ label, color = "white" }: EditorProps) => <div style={{ color }}>{label}</div>;
+const Editor = ({ label, color }: EditorProps) => <div style={{ color }}>{label}</div>;
 
 export default Editor;