Merge pull request #141 from NeOMakinG/brand-storybook

Brand storybook to PrestaShop colors

.storybook/main.js

@@ -18,4 +18,7 @@ module.exports = {
 
     return config;
   },
+  addonActionsTheme: {
+    BASE_COLOR: 'red',
+  },
 };

.storybook/manager-head.html

@@ -0,0 +1,5 @@
+<style>
+  #panel-tab-content {
+    color: #272a2d;
+  }
+</style>

.storybook/manager.js

@@ -0,0 +1,7 @@
+import {addons} from '@storybook/addons';
+import {themes} from '@storybook/theming';
+import psTheme from './ps-theme';
+
+addons.setConfig({
+  theme: psTheme,
+});

.storybook/ps-theme.js

@@ -0,0 +1,33 @@
+import {create} from '@storybook/theming';
+import logoUrl from './logo-prestashop.svg';
+
+export default create({
+  base: 'dark',
+  brandTitle: 'PrestaShop',
+  brandUrl: 'https://www.prestashop.com',
+  brandImage: logoUrl,
+
+  colorPrimary: '#6c868e',
+  colorSecondary: '#25b9d7',
+
+  // UI
+  appBg: '#363a41',
+  appContentBg: 'white',
+  appBorderRadius: 4,
+
+  barTextColor: 'white',
+  barSelectedColor: '#25b9d7',
+  barBg: '#272a2d',
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'white',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Form
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+});

.storybook/style.css

@@ -5,3 +5,7 @@
 body {
   background-color: transparent;
 }
+
+.os-host {
+  color: red;
+}

package.json

@@ -15,7 +15,7 @@
     "build": "NODE_ENV=production webpack --progress --debug",
     "scss-lint": "stylelint \"**/*.scss\"",
     "scss-fix": "stylelint \"**/*.scss\" --fix",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "start-storybook -p 6006 --no-manager-cache",
     "build-storybook": "build-storybook"
   },
   "author": "PrestaShop",
@@ -39,6 +39,7 @@
     "@storybook/addon-essentials": "^6.2.8",
     "@storybook/addon-links": "^6.2.8",
     "@storybook/html": "^6.2.8",
+    "@storybook/theming": "^6.2.8",
     "babel-loader": "^8.1.0",
     "babel-plugin-transform-es2015-modules-strip": "^0.1.1",
     "babel-preset-env": "^1.6.1",