create-chrome-ext/template-stencil-ts/src/components/devtools-root/devtools-root.css

Scaffolding your chrome extension, multiple boilerplates supported!

:root {
    font-family:
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      'Segoe UI',
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      'Open Sans',
      'Helvetica Neue',
      sans-serif;
  
    color-scheme: light dark;
    background-color: #242424;
  }
  
  @media (prefers-color-scheme: light) {
    :root {
      background-color: #fafafa;
    }
  
    a:hover {
      color: #5530ff;
    }
  }
  
  body {
    min-width: 20rem;
    margin: 0;
  }
  
  body {
    min-width: 20rem;
  }
  
  main {
    text-align: center;
    padding: 1em;
    margin: 0 auto;
  }
  
  h3 {
    color: #5530ff;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.2rem;
    margin: 2rem auto;
  }
  
  a {
    font-size: 0.5rem;
    margin: 0.5rem;
    color: #cccccc;
    text-decoration: none;
  }