/* vim: fdm=marker
 * */
:root.TridactylThemeR {
    --tridactyl-fg: #f9f9fa;
    --tridactyl-bg: #2a2a2e;

    --tridactyl-scrollbar-color: var(--tridactyl-fg);

    --tridactyl-cmdl-fg: #d7d7db;
    --tridactyl-cmdl-bg: var(--tridactyl-bg);

    --tridactyl-header-first-bg: #38383d;
    --tridactyl-header-second-bg: #2a2a2e;
    --tridactyl-header-third-bg: #0c0c0d;

    --tridactyl-cmplt-border-top: 1px solid #2a2a2e;

    --tridactyl-url-fg: #86de74;
    --tridactyl-url-bg: var(--tridactyl-bg);

    --tridactyl-of-fg: #fce19f;
    --tridactyl-of-bg: var(--tridactyl-bg);

    --tridactyl-hintspan-fg: #f9f9fa;
    --tridactyl-hintspan-bg: rgb(185, 142, 255);

    --tridactyl-hint-fg: var(--tridactyl-hintspan-fg);
    --tridactyl-hint-bg: rgba(185, 142, 255, 0.15);
    --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg);

    --tridactyl-hint-active-fg: var(--tridactyl-hint-fg);
    --tridactyl-hint-active-bg: #fff89e;
    --tridactyl-hint-active-outline: 2px solid #fff89e;


    --tridactyl-highlight-box-fg: var(--tridactyl-bg);
    --tridactyl-highlight-box-bg: var(--tridactyl-fg);
}

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

:root.TridactylThemeR.TridactylOwnNamespace a {
    color: var(--tridactyl-hintspan-bg);
}

: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 {
    color: var(--tridactyl-hintspan-bg);
    background: var(--tridactyl-hint-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(--tridactyl-hintspan-bg);
}