variables.css - mozsearch

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:root {

  --primary-toolbar-height: 29px;

  /* HTTP status codes */

  --status-code-color-1xx: var(--theme-highlight-blue);

  --status-code-color-2xx: var(--theme-highlight-green);

  --status-code-color-3xx: transparent;

  --status-code-color-4xx: var(--theme-highlight-pink);

  --status-code-color-5xx: var(--theme-highlight-red);

  /* Colors for timing markers */

  --timing-marker-color-opacity: 0.75;

  --timing-marker-dom-content-loaded-color:

    rgb(

      from var(--theme-highlight-blue) r g b /

      var(--timing-marker-color-opacity)

);

  --timing-marker-load-color:

    rgb(

      from var(--theme-highlight-red) r g b /

      var(--timing-marker-color-opacity)

);

  --table-splitter-color: light-dark(var(--grey-20), var(--grey-70));

  --table-zebra-background: light-dark(rgba(247, 247, 247, 0.8), rgba(255,255,255,0.05));

  --table-zebra-inline-icons-background: light-dark(rgba(247, 247, 247), rgb(49, 47, 47));

  --table-selection-background-hover: light-dark(rgba(209, 232, 255, 0.8), rgba(53, 59, 72, 1));

  --table-selection-inline-icons-background-hover: light-dark(rgba(209, 232, 255), rgba(53, 59, 72, 1));

  --timing-blocked-color: light-dark(var(--red-70), var(--red-20));

  --timing-dns-color: rgba(223, 128, 255, 0.8); /* pink */

  --timing-ssl-color: rgba(217, 102, 41, 0.8); /* orange */

  --timing-connect-color: rgba(217, 102, 41, 0.8); /* orange */

  --timing-send-color: light-dark(

      rgba(0, 136, 204, 0.8), /* blue */

      rgba(70, 175, 227, 0.8) /* light blue */

);

  --timing-wait-color: light-dark(rgba(95, 136, 176, 0.8), rgba(94, 136, 176, 0.8)); /* blue grey */

  --timing-receive-color: light-dark(rgba(44, 187, 15, 0.8), rgba(112, 191, 83, 0.8)); /* green */

  --timing-server-color-1: light-dark(rgba(104, 195, 179, 0.8), rgba(74, 228, 201, 0.8)); /* teal */

  --timing-server-color-2: light-dark(rgba(123, 102, 167, 0.8), rgba(156, 119, 233, 0.8)); /* purple */

  --timing-server-color-3: light-dark(rgba(233, 236, 130, 0.8), rgba(234, 239, 73, 0.8)); /* yellow */

  --timing-server-color-total: light-dark(rgba(186, 90, 140, 0.8), rgba(186, 74, 133, 0.8)); /* pink */

  &[forced-colors-active] {

    --timing-marker-color-opacity: 1;

    --timing-blocked-color: var(--theme-highlight-red);

    --timing-dns-color: var(--theme-highlight-purple);

    --timing-ssl-color: var(--theme-highlight-orange);

    --timing-connect-color: var(--theme-highlight-orange);

    --timing-send-color:var(--theme-highlight-blue);

    --timing-wait-color: var(--theme-highlight-gray);

    --timing-receive-color: var(--theme-highlight-green);

    --timing-server-color-1: var(--theme-highlight-green);

    --timing-server-color-2: var(--theme-highlight-purple);

    --timing-server-color-3: var(--theme-highlight-yellow);

    --timing-server-color-total: var(--theme-highlight-pink);