nishant-design-system/.storybook/manager-head.html

Sense UI components library

<!--
  Override the default favicon used in the Storybook in the browser tab.
-->
<link
  rel="icon"
  sizes="any"
  href="https://spaced-out.github.io/ui-design-system/favicon.ico?"
/>

<style>
  @font-face {
    font-family: 'Centra No 2';
    src: url('fonts/CentraNo2-Book.woff2') format('woff2'),
      url('fonts/CentraNo2-Book.woff') format('woff');
    font-weight: 300 400;
    font-style: normal;
    font-display: auto;
  }

  @font-face {
    font-family: 'Centra No 2';
    src: url('fonts/CentraNo2-BookItalic.woff2') format('woff2'),
      url('fonts/CentraNo2-BookItalic.woff') format('woff');
    font-weight: 300 400;
    font-style: italic;
    font-display: auto;
  }

  @font-face {
    font-family: 'Centra No 2';
    src: url('fonts/CentraNo2-Medium.woff2') format('woff2'),
      url('fonts/CentraNo2-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: auto;
  }
  body {
    /* This will target all of the children */
    font-family: 'Centra No 2' !important;
    background: #17172a;
  }

  .sidebar-container {
    background: #17172a !important;
  }

  .sidebar-item {
    cursor: pointer;
    color: #efebfa !important;
  }

  .search-result-item--label {
    color: #efebfa !important;
  }

  .sidebar-item[data-selected='true'] {
    background: #5c34cd !important;
  }

  .search-field input {
    border-color: #efebfa !important;
  }

  #root > div:first-child {
    background: #17172a;
  }

  .sidebar-item svg {
    color: #b4a2e8;
  }
</style>