applications/storybook/.storybook/theme.js

   1 import { create } from '@storybook/theming/create';
   2
   3 export default create({
   4     base: 'light',
   5
   6     // UI
   7     appBg: '#fafafa',
   8     appContentBg: 'white',
   9     appBorderColor: 'lightgray',
  10     appBorderRadius: 8,
  11
  12     colorPrimary: '#6d4aff',
  13     colorSecondary: '#6d4aff',
  14     colorHover: 'red',
  15
  16     // // Typography
  17     fontBase:
  18         '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif',
  19     fontCode: 'SFMono-Regular, Consolas, "Liberation Mono", "Menlo", monospace, monospace',
  20
  21     brandTitle: 'Proton Design System',
  22     brandUrl: '/',
  23     /*
  24     brandImage:
  25         'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOTIuNSAxNS4xIiBjbGFzcz0ibG9nbyIgYXJpYS1sYWJlbGxlZGJ5PSJsb2dvX190aXRsZSI+PGc+PHBhdGggZD0iTTE5LjUsMy43aC0zdjExLjFoMS45di0zLjloMS4xYzEuMSwwLjEsMi4yLTAuMiwzLjEtMC45czEuMy0xLjcsMS4zLTIuOEMyMy45LDUsMjIuMywzLjcsMTkuNSwzLjd6IE0xOC40LDUuM2gxLjFjMS42LDAsMi40LDAuNiwyLjQsMkMyMiw3LjksMjEuNyw4LjUsMjEuMyw5Yy0wLjUsMC4zLTEuMiwwLjUtMS44LDAuNGgtMS4xVjUuM3oiPjwvcGF0aD48cGF0aCBkPSJNMjkuMiw2Yy0wLjksMC0xLjYsMC41LTIsMS4ybC0wLjEtMS4xaC0xLjZ2OC42aDEuOVYxMGMwLjMtMS41LDAuOC0yLjEsMS43LTIuMWMwLjIsMCwwLjQsMCwwLjcsMC4xaDAuMWwwLjMtMS44SDMwQzI5LjgsNi4xLDI5LjUsNiwyOS4yLDZ6Ij48L3BhdGg+PHBhdGggZD0iTTM0LjYsNmMtMS4xLDAtMi4yLDAuNC0yLjksMS4zYy0xLjMsMS45LTEuMyw0LjUsMCw2LjVjMS41LDEuNiwzLjksMS43LDUuNSwwLjJjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjJjMS4zLTEuOSwxLjMtNC41LDAtNi41QzM2LjcsNi41LDM1LjcsNiwzNC42LDZ6IE0zNC41LDEzLjVjLTEuMywwLTEuOS0xLTEuOS0yLjljLTAuMS0wLjgsMC4xLTEuNiwwLjUtMi4zYzAuMy0wLjUsMC44LTAuNywxLjQtMC43YzAuNSwwLDEuMSwwLjIsMS40LDAuN2MwLjQsMC43LDAuNiwxLjUsMC41LDIuMkMzNi40LDEyLjUsMzUuOCwxMy41LDM0LjUsMTMuNXoiPjwvcGF0aD48cGF0aCBkPSJNNDQsMTMuMWMtMC4zLDAuMi0wLjYsMC4zLTEsMC4zYy0wLjUsMC0wLjgtMC4yLTAuOC0xVjcuOEg0NGwwLjItMS41aC0ydi0ybC0xLjksMC4ydjEuOEgzOXYxLjVoMS40djQuN2MwLDAuNywwLjIsMS40LDAuNiwxLjljMC41LDAuNSwxLjEsMC43LDEuOCwwLjdzMS40LTAuMiwyLTAuNmwwLjItMC4xTDQ0LjIsMTNMNDQsMTMuMXoiPjwvcGF0aD48cGF0aCBkPSJNNDkuMSw2Yy0xLjEsMC0yLjIsMC40LTIuOSwxLjNjLTEuMywxLjktMS4zLDQuNSwwLDYuNWMxLjUsMS42LDMuOSwxLjcsNS41LDAuMmMwLjEtMC4xLDAuMi0wLjIsMC4yLTAuMmMxLjMtMS45LDEuMy00LjUsMC02LjVDNTEuMiw2LjUsNTAuMiw2LDQ5LjEsNnogTTQ5LjEsMTMuNWMtMS4zLDAtMS45LTEtMS45LTIuOWMtMC4xLTAuOCwwLjEtMS42LDAuNS0yLjNjMC4zLTAuNSwwLjgtMC43LDEuNC0wLjdjMC41LDAsMS4xLDAuMiwxLjQsMC43QzUwLjgsOSw1MSw5LjcsNTEsMTAuNUM1MSwxMi41LDUwLjMsMTMuNSw0OS4xLDEzLjV6Ij48L3BhdGg+PHBhdGggZD0iTTU4LjksNmMtMC41LDAtMS4xLDAuMS0xLjUsMC40Yy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuNmwtMC4xLTAuOWgtMS42djguNmgxLjl2LTZjMC42LTAuOSwxLjEtMS4zLDEuOS0xLjNjMC42LDAsMS4xLDAuMiwxLjEsMS40djUuOWgxLjlWOC44YzAtMC43LTAuMi0xLjQtMC43LTJDNjAuMyw2LjMsNTkuNiw2LDU4LjksNnoiPjwvcGF0aD48cGF0aCBkPSJNNzAuOCwzLjdsLTIsNy4ybC0yLjEtNy4yaC0yLjNsLTAuOSwxMS4xaDEuOGwwLjQtNC45YzAuMS0xLjEsMC4xLTIuMiwwLjItMy4ybDIuMSw2LjloMS43bDItNi45YzAsMC45LDAuMSwyLDAuMiwzLjFsMC40LDVoMS45TDczLjEsMy43SDcwLjh6Ij48L3BhdGg+PHBhdGggZD0iTTgyLjMsMTIuN1Y5YzAuMS0wLjgtMC4yLTEuNi0wLjgtMi4yQzgwLjksNi4zLDgwLDYsNzkuMiw2Yy0xLDAtMiwwLjItMi45LDAuNmwtMC4yLDAuMWwwLjUsMS40TDc2LjgsOGMwLjctMC4zLDEuNC0wLjQsMi4xLTAuNEM4MCw3LjYsODAuNCw4LDgwLjQsOXYwLjRoLTFjLTEtMC4xLTIsMC4yLTIuOCwwLjdjLTEuMiwxLTEuNCwyLjgtMC40LDRsMC4xLDAuMWMwLjYsMC41LDEuMywwLjgsMi4xLDAuN2MwLjksMCwxLjgtMC4zLDIuNC0xYzAuMywwLjYsMC45LDEsMS42LDFoMC4ybDAuNC0xLjRsLTAuMi0wLjFDODIuNSwxMy41LDgyLjMsMTMuNCw4Mi4zLDEyLjd6IE03OC43LDEzLjVjLTAuOCwwLTEuMi0wLjQtMS4yLTEuM2MwLTAuNCwwLjEtMC44LDAuNS0xLjFjMC41LTAuMywxLTAuNCwxLjYtMC40aDAuOXYxLjZDODAuMSwxMy4xLDc5LjQsMTMuNSw3OC43LDEzLjVMNzguNywxMy41eiI+PC9wYXRoPjxwYXRoIGQ9Ik04NS43LDIuM2MtMC43LDAtMS4yLDAuNS0xLjIsMS4yYzAsMC4zLDAuMSwwLjYsMC4zLDAuOGMwLjIsMC4yLDAuNSwwLjMsMC45LDAuM2MwLjcsMCwxLjItMC41LDEuMi0xLjFTODYuNCwyLjMsODUuNywyLjNMODUuNywyLjN6Ij48L3BhdGg+PHJlY3QgeD0iODQuOCIgeT0iNi4yIiB3aWR0aD0iMS45IiBoZWlnaHQ9IjguNiI+PC9yZWN0PjxwYXRoIGQ9Ik05MS45LDEzLjNsLTAuMiwwLjFjLTAuMSwwLjEtMC4zLDAuMS0wLjQsMC4xcy0wLjMsMC0wLjMtMC40VjIuN0w4OS4xLDN2MTBjLTAuMSwxLDAuNSwxLjksMS41LDJjMC4xLDAsMC4yLDAsMC40LDBjMC41LDAsMC45LTAuMSwxLjMtMC4zbDAuMi0wLjFMOTEuOSwxMy4zeiI+PC9wYXRoPjwvZz48Zz48cGF0aCBkPSJNNS4zLDBDMi42LDAsMC4zLDIuMSwwLDQuOHYzLjNjMCwwLDAsMC40LDEsMS4xUzQuNywxMiw1LjMsMTJzMy4zLTIsNC4zLTIuOHMxLTEuMSwxLTEuMVY0LjhDMTAuMywyLjEsOC4xLDAsNS4zLDB6IE04LjQsNi42SDIuM1Y0LjhDMi42LDMuMSw0LjMsMiw2LDIuNGMxLjIsMC4yLDIuMiwxLjIsMi40LDIuNFY2LjZ6Ij48L3BhdGg+PHBhdGggZD0iTTUuMywxMi43Yy0wLjQtMC4xLTAuOS0wLjItMS4yLTAuNGMtMC41LTAuNC00LjEtMy00LjEtM3Y1LjFDMCwxNC43LDAuMywxNSwwLjcsMTVsMCwwSDEwYzAuMywwLDAuNy0wLjIsMC43LTAuNmwwLDBWOS4zYzAsMC0zLjYsMi42LTQuMSwyLjlDNi4yLDEyLjUsNS44LDEyLjcsNS4zLDEyLjd6Ij48L3BhdGg+PC9nPjx0aXRsZSBpZD0ibG9nb19fdGl0bGUiPlByb3Rvbk1haWw8L3RpdGxlPjwvc3ZnPg==',
  26     */
  27 });