github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/.storybook/theme.js (about)

     1  import { create } from '@storybook/theming';
     2  
     3  // From Bulma
     4  let blackBis = 'hsl(0, 0%, 7%)';
     5  let greyLight = 'hsl(0, 0%, 71%)';
     6  
     7  // From product-colors.scss
     8  let vagrantBlue = '#1563ff';
     9  
    10  export default create({
    11    base: 'light',
    12  
    13    colorPrimary: blackBis,
    14    colorSecondary: vagrantBlue,
    15  
    16    // UI
    17    appBorderColor: greyLight,
    18  
    19    // Typography
    20    // From variables.scss
    21    fontBase:
    22      "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    23    // From Bulma
    24    fontCode: 'monospace',
    25  
    26    // Text colors
    27    textColor: blackBis,
    28  
    29    // Toolbar default and active colors
    30    barTextColor: greyLight,
    31    barSelectedColor: 'white',
    32    barBg: blackBis,
    33  
    34    brandTitle: 'Nomad Storybook',
    35    brandUrl: 'https://www.nomadproject.io/',
    36  });