fix: better storybook theme for color contrasting

emulsify-ds · Sep 19, 2024 · cdd02ba · cdd02ba
1 parent 7cf29ca
commit cdd02ba
Show file tree

Hide file tree

Showing 3 changed files with 276 additions and 180 deletions.
diff --git a/.storybook/emulsifyTheme.js b/.storybook/emulsifyTheme.js
@@ -7,8 +7,8 @@ export default create({
 
   // UI
   appBg: '#00405B',
-  appContentBg: '#e6f5fc',
-  appBorderColor: '#99D9F4',
+  appContentBg: '#00202E',
+  appBorderColor: '#00405B',
   appBorderRadius: 4,
 
   // Typography
@@ -26,9 +26,9 @@ export default create({
   barBg: '#CCECFA',
 
   // Form colors
-  inputBg: 'red',
-  inputBorder: 'silver',
-  inputTextColor: '#00202E',
+  inputBg: '#00202E',
+  inputBorder: '#00405B',
+  inputTextColor: 'white',
   inputBorderRadius: 4,
   // Branding
   brandTitle: 'Emulsify',