/* vim: fdm=marker
 * */
:root.TridactylThemeR {
    /* {{{ photon-colours */

    /* From https://github.com/overdodactyl/ShadowFox/blob/7dbe9343da87bde804e8fb88dd3b5eaaeb4817b2/css/common-files/color_variables.css */
    --tridactyl-photon-colours-magenta-50: #ff1ad9;
    --tridactyl-photon-colours-magenta-60: #ed00b5;
    --tridactyl-photon-colours-magenta-70: #b5007f;
    --tridactyl-photon-colours-magenta-80: #7d004f;
    --tridactyl-photon-colours-magenta-90: #440027;
    --tridactyl-photon-colours-purple-50: #9400ff;
    --tridactyl-photon-colours-purple-60: #8000d7;
    --tridactyl-photon-colours-purple-70: #6200a4;
    --tridactyl-photon-colours-purple-80: #440071;
    --tridactyl-photon-colours-purple-90: #25003e;
    --tridactyl-photon-colours-blue-40: #45a1ff;
    --tridactyl-photon-colours-blue-50: #0a84ff;
    --tridactyl-photon-colours-blue-60: #0060df;
    --tridactyl-photon-colours-blue-70: #003eaa;
    --tridactyl-photon-colours-blue-80: #002275;
    --tridactyl-photon-colours-blue-90: #000f40;
    --tridactyl-photon-colours-teal-50: #00feff;
    --tridactyl-photon-colours-teal-60: #00c8d7;
    --tridactyl-photon-colours-teal-70: #008ea4;
    --tridactyl-photon-colours-teal-80: #005a71;
    --tridactyl-photon-colours-teal-90: #002d3e;
    --tridactyl-photon-colours-green-50: #30e60b;
    --tridactyl-photon-colours-green-60: #12bc00;
    --tridactyl-photon-colours-green-70: #058b00;
    --tridactyl-photon-colours-green-80: #006504;
    --tridactyl-photon-colours-green-90: #003706;
    --tridactyl-photon-colours-yellow-50: #ffe900;
    --tridactyl-photon-colours-yellow-60: #d7b600;
    --tridactyl-photon-colours-yellow-70: #a47f00;
    --tridactyl-photon-colours-yellow-80: #715100;
    --tridactyl-photon-colours-yellow-90: #3e2800;
    --tridactyl-photon-colours-red-50: #ff0039;
    --tridactyl-photon-colours-red-60: #d70022;
    --tridactyl-photon-colours-red-70: #a4000f;
    --tridactyl-photon-colours-red-80: #5a0002;
    --tridactyl-photon-colours-red-90: #3e0200;
    --tridactyl-photon-colours-orange-50: #ff9400;
    --tridactyl-photon-colours-orange-60: #d76e00;
    --tridactyl-photon-colours-orange-70: #a44900;
    --tridactyl-photon-colours-orange-80: #712b00;
    --tridactyl-photon-colours-orange-90: #3e1300;
    --tridactyl-photon-colours-grey-10: #f9f9fa;
    --tridactyl-photon-colours-grey-20: #ededf0;
    --tridactyl-photon-colours-grey-30: #d7d7db;
    --tridactyl-photon-colours-grey-40: #b1b1b3;
    --tridactyl-photon-colours-grey-50: #737373;
    --tridactyl-photon-colours-grey-60: #4a4a4f;
    --tridactyl-photon-colours-grey-70: #38383d;
    --tridactyl-photon-colours-grey-80: #2a2a2e;
    --tridactyl-photon-colours-grey-90: #0c0c0d;
    --tridactyl-photon-colours-code-green: #86de74 !important;
    --tridactyl-photon-colours-warning-color: #fce19f;
    --tridactyl-photon-colours-warning-background-color: #44391f;
    --tridactyl-photon-colours-theme-highlight-green: #86de74;
    --tridactyl-photon-colours-theme-highlight-blue: #75bfff;
    --tridactyl-photon-colours-theme-highlight-purple: #b98eff;
    --tridactyl-photon-colours-theme-highlight-red: #ff7de9;
    --tridactyl-photon-colours-theme-highlight-yellow: #fff89e;
    --tridactyl-photon-colours-theme-highlight-bluegrey: #5e88b0;
    --tridactyl-photon-colours-theme-highlight-lightorange: #d99b28;
    --tridactyl-photon-colours-theme-highlight-orange: #d96629;
    --tridactyl-photon-colours-theme-highlight-pink: #df80ff;
    --tridactyl-photon-colours-tone-1: var(--tridactyl-photon-colours-grey-10);
    --tridactyl-photon-colours-tone-2: var(--tridactyl-photon-colours-grey-20);
    --tridactyl-photon-colours-tone-3: var(--tridactyl-photon-colours-grey-30);
    --tridactyl-photon-colours-tone-4: var(--tridactyl-photon-colours-grey-40);
    --tridactyl-photon-colours-tone-5: var(--tridactyl-photon-colours-grey-50);
    --tridactyl-photon-colours-tone-6: var(--tridactyl-photon-colours-grey-60);
    --tridactyl-photon-colours-tone-7: var(--tridactyl-photon-colours-grey-70);
    --tridactyl-photon-colours-tone-8: var(--tridactyl-photon-colours-grey-80);
    --tridactyl-photon-colours-tone-9: var(--tridactyl-photon-colours-grey-90);
    --tridactyl-photon-colours-accent-1: var(
        --tridactyl-photon-colours-blue-40
    );
    --tridactyl-photon-colours-accent-2: var(
        --tridactyl-photon-colours-blue-50
    );
    --tridactyl-photon-colours-accent-3: var(
        --tridactyl-photon-colours-blue-60
    );
    --tridactyl-photon-colours-in-content-page-color: var(
        --tridactyl-photon-colours-tone-4
    ) !important;
    --tridactyl-photon-colours-in-content-page-background: var(
        --tridactyl-photon-colours-tone-7
    ) !important;
    --tridactyl-photon-colours-in-content-text-color: var(
        --tridactyl-photon-colours-tone-3
    ) !important;
    --tridactyl-photon-colours-in-content-selected-text: var(
        --tridactyl-photon-colours-tone-1
    ) !important;
    --tridactyl-photon-colours-in-content-box-background: var(
        --tridactyl-photon-colours-tone-6
    ) !important;
    --tridactyl-photon-colours-in-content-box-background-odd: #f3f6fa;
    --tridactyl-photon-colours-in-content-box-background-hover: var(
        --tridactyl-photon-colours-tone-6
    ) !important;
    --tridactyl-photon-colours-in-content-box-background-active: var(
        --tridactyl-photon-colours-tone-6
    ) !important;
    --tridactyl-photon-colours-in-content-box-border-color: var(
        --tridactyl-photon-colours-tone-5
    ) !important;
    --tridactyl-photon-colours-in-content-item-hover: rgba(0, 149, 221, 0.25);
    --tridactyl-photon-colours-in-content-item-selected: var(
        --tridactyl-photon-colours-tone-8
    ) !important;
    --tridactyl-photon-colours-in-content-border-highlight: var(
        --tridactyl-photon-colours-accent-1
    ) !important;
    --tridactyl-photon-colours-in-content-border-focus: var(
        --tridactyl-photon-colours-accent-1
    ) !important;
    --tridactyl-photon-colours-in-content-border-color: var(
        --tridactyl-photon-colours-tone-6
    ) !important;
    --tridactyl-photon-colours-in-content-category-outline-focus: 1px dotted
        #0a84ff;
    --tridactyl-photon-colours-in-content-category-text: var(
        --tridactyl-photon-colours-tone-4
    ) !important;
    --tridactyl-photon-colours-in-content-category-text-active: #0c0c0d;
    --tridactyl-photon-colours-in-content-category-text-selected: var(
        --tridactyl-photon-colours-accent-1
    ) !important;
    --tridactyl-photon-colours-in-content-category-text-selected-active: #0060df;
    --tridactyl-photon-colours-in-content-category-background-hover: rgba(
        12,
        12,
        13,
        0.1
    );
    --tridactyl-photon-colours-in-content-category-background-active: rgba(
        12,
        12,
        13,
        0.15
    );
    --tridactyl-photon-colours-in-content-category-background-selected-hover: rgba(
        12,
        12,
        13,
        0.15
    );
    --tridactyl-photon-colours-in-content-category-background-selected-active: rgba(
        12,
        12,
        13,
        0.2
    );
    --tridactyl-photon-colours-in-content-tab-color: #424f5a;
    --tridactyl-photon-colours-in-content-link-color: var(
        --tridactyl-photon-colours-accent-1
    ) !important;
    --tridactyl-photon-colours-in-content-link-color-hover: var(
        --tridactyl-photon-colours-accent-2
    ) !important;
    --tridactyl-photon-colours-in-content-link-color-active: #003eaa;
    --tridactyl-photon-colours-in-content-link-color-visited: #0a8dff;
    --tridactyl-photon-colours-in-content-primary-button-background: var(
        --tridactyl-photon-colours-accent-2
    ) !important;
    --tridactyl-photon-colours-in-content-primary-button-background-hover: var(
        --tridactyl-photon-colours-accent-3
    ) !important;
    --tridactyl-photon-colours-in-content-primary-button-background-active: var(
        --tridactyl-photon-colours-accent-3
    ) !important;
    --tridactyl-photon-colours-in-content-table-border-dark-color: var(
        --tridactyl-photon-colours-tone-7
    ) !important;
    --tridactyl-photon-colours-in-content-table-header-background: var(
        --tridactyl-photon-colours-accent-2
    ) !important;
    --tridactyl-photon-colours-theme-selection-background: var(
        --tridactyl-photon-colours-accent-2
    ) !important;
    --tridactyl-photon-colours-theme-selection-background-hover: var(
        --tridactyl-photon-colours-accent-1
    ) !important;
    --tridactyl-photon-colours-in-content-category-header-background: var(
        --tridactyl-photon-colours-tone-8
    ) !important;
    --tridactyl-photon-colours-selected-icon-fill-color: var(
        --tridactyl-photon-colours-tone-2
    ) !important;
    --tridactyl-photon-colours-in-content-dark-header-background: var(
        --tridactyl-photon-colours-tone-9
    ) !important;
    --tridactyl-photon-colours-secure-connection-color: var(
        --tridactyl-photon-colours-accent-1
    );
    --tridactyl-photon-colours-theme-sidebar-background: #1b1b1d !important;
    --tridactyl-photon-colours-cm-background: var(
        --tridactyl-photon-colours-tone-8
    ) !important;
    --tridactyl-photon-colours-cm-selection: #353b48 !important;
    --tridactyl-photon-colours-cm-marker: #555 !important;
    --tridactyl-photon-colours-cm-linenumber: #58575c !important;
    --tridactyl-photon-colours-cm-cursor: #fff !important;
    --tridactyl-photon-colours-cm-active-line-background: rgba(
        185,
        215,
        253,
        0.15
    ) !important;
    --tridactyl-photon-colours-cm-matching-bracket: rgba(
        255,
        255,
        255,
        0.25
    ) !important;
    --tridactyl-photon-colours-cm-search-background: rgba(
        24,
        29,
        32,
        1
    ) !important;
    --tridactyl-photon-colours-cm-red: #de7474 !important;
    --tridactyl-photon-colours-start-indicator-for-updater-scripts: black;
    --tridactyl-photon-colours-end-indicator-for-updater-scripts: black;
    --tridactyl-photon-colours-dummy-variable-for-updater-scripys: black;

    /* }}} */

    --tridactyl-fg: var(--tridactyl-photon-colours-in-content-page-color);
    --tridactyl-bg: var(--tridactyl-photon-colours-in-content-page-background);

    --tridactyl-scrollbar-color: var(--tridactyl-photon-colours-tone-8)
        var(--tridactyl-fg);

    --tridactyl-cmdl-fg: var(--tridactyl-photon-colours-in-content-text-color);
    --tridactyl-cmdl-bg: var(
        --tridactyl-photon-colours-in-content-category-header-background
    );

    /* --tridactyl-header-first-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */
    /* --tridactyl-header-second-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */
    /* --tridactyl-header-third-bg: var(--tridactyl-header-first-bg); */

    --tridactyl-header-first-bg: #333;
    --tridactyl-header-second-bg: #222;
    --tridactyl-header-third-bg: #111;

    --tridactyl-cmplt-border-top: 1px solid
        var(--tridactyl-photon-colours-in-content-category-header-background);

    --tridactyl-url-fg: var(--tridactyl-photon-colours-code-green);
    --tridactyl-url-bg: var(--tridactyl-bg);

    --tridactyl-of-fg: var(--tridactyl-photon-colours-warning-color);
    --tridactyl-of-bg: var(--tridactyl-photon-colours-warning-background-color);

    /* Hints are not photon coloured. Feel free to experiment with that */

    --tridactyl-hintspan-fg: white;
    --tridactyl-hintspan-bg: #204e8a;

    --tridactyl-hint-active-fg: #333;
    --tridactyl-hint-active-bg: #88ff00;
    --tridactyl-hint-active-outline: 1px solid #000;

    --tridactyl-hint-bg: rgba(13, 31, 54, 0.25);
    --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg);

    --tridactyl-highlight-box-bg: var(
        --tridactyl-photon-colours-in-content-box-background
    );
    --tridactyl-highlight-box-fg: var(
        --tridactyl-photon-colours-in-content-text-color
    );

    --r-accent: #FAD689; /* rgb(250,214,137) */
}

:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler {
    border-color: var(--tridactyl-photon-colours-in-content-box-border-color);
}

:root.TridactylThemeR.TridactylOwnNamespace {
  scrollbar-color: var(--tridactyl-scrollbar-color);
  scrollbar-width: thin;
}

:root.TridactylThemeR.TridactylOwnNamespace a {
    color: var(--tridactyl-photon-colours-accent-1);
}

:root.TridactylThemeR #command-line-holder {
    order: 1;
}

:root.TridactylThemeR #completions {
    order: 2;
    border-top: 1px solid var(--tridactyl-complt-bg);
}

:root.TridactylThemeR #completions .sectionHeader {
    display: none;
}

:root.TridactylThemeR #tridactyl-colon::before {
    margin-left: 2px;
    content: " > ";
}

:root.TridactylThemeR #completions .focused,
:root.TridactylThemeR #completions .focused .url {
    background: var(--r-accent);
    color: var(--tridactyl-bg);
    text-decoration: italic;
}

:root.TridactylThemeR #cmdline_iframe {
    position: fixed !important;
    bottom: unset;
    top: -1px !important;
    left: 0% !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px !important;
    /* opacity: 0.9; */
}

:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler {
    border-color: var(--r-accent);
}