tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

ChromeDebugToolbar.css (1327B)

      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2 * License, v. 2.0. If a copy of the MPL was not distributed with this
      3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 .chrome-debug-toolbar {
      6  display: flex;
      7  padding: 0.5em 1em;
      8  font-size: 12px;
      9  line-height: 1.5;
     10  background-color: var(--theme-body-alternate-emphasized-background);
     11  font-family: system-ui;
     12  border-block-end: 1px solid var(--theme-toolbar-separator);
     13 }
     14 
     15 .chrome-debug-toolbar section > h3 {
     16  margin: 0;
     17  font-weight: normal;
     18 }
     19 
     20 .chrome-debug-toolbar__modes {
     21  display: flex;
     22  align-items: baseline;
     23  gap: 0.5em 1em;
     24  flex-wrap: wrap;
     25 }
     26 
     27 .chrome-debug-toolbar__modes label {
     28  border: 1px solid var(--theme-toolbar-separator);
     29  border-radius: 4px;
     30  padding: 4px 8px;
     31 }
     32 
     33 .chrome-debug-toolbar__modes label.selected {
     34  border-color: var(--theme-toolbar-selected-color);
     35 }
     36 
     37 .chrome-debug-toolbar__modes label:where(:hover, :focus-within) {
     38  background-color: var(--blue-50-a30);
     39 }
     40 
     41 .chrome-debug-toolbar__modes label input {
     42  margin: 0;
     43  margin-inline-end: 4px;
     44 }
     45 
     46 .mode__sublabel {
     47  color: var(--theme-comment);
     48  margin-inline-start: 4px;
     49 }
     50 
     51 @media (prefers-contrast) {
     52  .chrome-debug-toolbar {
     53    background-color: Window;
     54    color: WindowText;
     55  }
     56 
     57  .mode_sublabel {
     58    color: GrayText;
     59  }
     60 }