main.css

/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

 :root {
    --color-selected-tab: black;
    --color-background: #fff;
    --color-highlight: #fffccf;
  }
  
  @media (prefers-color-scheme: dark) {
    :root {
      --color-selected-tab: white;
      --color-background: #121212;
      --color-highlight:  #03DCB0;
    }
  }
  
  * {
    box-sizing: border-box;
  }
  
  body {
    overflow: hidden;  /* Prevents scroll bar flickering on resize. */
  }
  
  ul {
    padding-left: 2em;
  }
  
  /* This class should be given to top-level content boxes (like the view's main
   * DIV). It gives them a consistent padding, and makes them scrollable. */
  .content-box {
    overflow: auto;
    padding: 20px 10px 10px 20px;
  }
  
  .deindent-header,
  .content-box h1,
  .content-box h2,
  .content-box h3,
  .content-box h4,
  .content-box h5,
  .content-box h6 {
    margin-left: -10px;
  }
  
  #tab-list {
    border-right: 1px solid rgb(170,170,170);
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }
  
  #tab-list a {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 2px 10px;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
  }
  
  #tab-list a,
  #tab-list a:visited {
    color: rgb(140,140,140);
  }
  
  #tab-list .selected,
  #tab-list a:hover {
    color: var(--color-selected-tab);
  }
  
  /* Styling for text indicating a potential problem or error state. */
  .warning-text {
    color: rgb(238, 0, 0);
  }
  
  #sockets-view-close-idle-button,
  #sockets-view-flush-button {
    margin-bottom: 2px;
  }
  
  #domain-security-policy-view-tab-content tt {
    word-wrap: break-word;
  }
  
  input + label {
    margin-inline-start: 10px;
  }