Google - Dark X by Saadski

/* ==UserStyle==
@name         Google - Dark X
@version      20241130.05.01
@namespace    https://userstyles.world/user/Saadski
@description  Dark theme for most of google platforms.
@author       Saadski
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.google.com/"), url-prefix("https://lens.google.com/"), url-prefix("https://lens.google/"), url-prefix("https://news.google.com/"), url-prefix("https://business.google.com/"), domain("gstatic.com"), domain("google.com") {
/* Google.com*/
/* Presets */
:root
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --dark1: rgb(27, 27, 27);
    --darker: rgb(18, 18, 18);
    --darker2: rgb(12, 12, 12);
    --darker3: rgb(8, 8, 8);
    --bw: rgb(67, 67, 67);
    --light: rgb(146, 146, 146);
    --light1: rgb(193, 193, 193);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
    --ol: #090909F2;
}

:root
{
    --uv-styles-color-surface: var(--darker);
    --uv-styles-color-footer: #18191a;
    --uv-styles-color-outline: #3c4043;
    --uv-styles-color-scrim: #0009;
    --uv-styles-color-on-scrim: #fff;
    --uv-styles-color-icon-on-scrim: #fff;
    --uv-styles-color-primary: var(--dark);
    --uv-styles-color-on-primary: #202124;
    --uv-styles-color-secondary: #394457;
    --uv-styles-color-icon-on-secondary: #9aa0a6;
    --uv-styles-color-on-secondary: #d2e3fc;
    --uv-styles-color-tertiary: var(--dark);
    --uv-styles-color-on-tertiary: var(--accent);
    --uv-styles-color-icon-on-tertiary: var(--accent);
    --uv-styles-color-text-primary: var(--bw);
    --uv-styles-color-text-emphasis: var(--light);
    --uv-styles-color-icon-emphasis: #e8eaed;
    --uv-styles-color-text-de-emphasis: #9aa0a6;
    --uv-styles-color-text-default: #bdc1c6;
    --uv-styles-color-icon-default: var(--bw);
    --uv-styles-color-review-stars: #fdd663;
    --uv-styles-color-review-stars-empty: #80868b;
    --uv-styles-color-letterbox: #000;
}

:root,
body:where(:not(.S7wXqe):not([data-theme=dark]):not([data-theme=light]))
{
    color: rgb(232, 234, 237);
    --travel-color-token-canvas: #171717;
    --travel-color-token-divider-default: #3c4043;
    --travel-color-token-divider-secondary: #3c4043;
    --travel-color-token-footer: #171717;
    --travel-color-token-hairline: #5f6368;
    --travel-color-token-icon-primary: #8ab4f8;
    --travel-color-token-loading: #3c4043;
    --travel-color-token-on-primary: #202124;
    --travel-color-token-on-secondary: var(--light);
    --travel-color-token-on-secondary-high-emphasis: #d2e3fc;
    --travel-color-token-on-secondary-state-content: #fff;
    --travel-color-token-on-secondary-state-layer: var(--travel-color-token-on-secondary);
    --travel-color-token-on-surface-de-emphasis: var(--light);
    --travel-color-token-on-surface-default: #bdc1c6;
    --travel-color-token-on-surface-disabled: rgba(232, 234, 237, 0.38);
    --travel-color-token-on-surface-emphasis: var(--light);
    --travel-color-token-on-surface-emphasis-variant: #bdc1c6;
    --travel-color-token-on-surface-icon-navigation: #e8eaed;
    --travel-color-token-on-surface-icon-secondary: #9aa0a6;
    --travel-color-token-on-surface-inverted: #202124;
    --travel-color-token-on-surface-link-default: #8ab4f8;
    --travel-color-token-on-surface-link-hover: #c58af9;
    --travel-color-token-on-surface-link-visited: #c58af9;
    --travel-color-token-on-surface-negative: #f28b82;
    --travel-color-token-on-surface-negative-high-emphasis: #f6aea9;
    --travel-color-token-on-surface-neutral: #fdd663;
    --travel-color-token-on-surface-positive: #81c995;
    --travel-color-token-on-surface-positive-high-emphasis: #a8dab5;
    --travel-color-token-on-surface-primary: #8ab4f8;
    --travel-color-token-on-surface-state-content: #f8f9fa;
    --travel-color-token-on-surface-state-layer: var(--travel-color-token-on-surface-default);
    --travel-color-token-on-tertiary: #bdc1c6;
    --travel-color-token-on-tertiary-disabled: rgba(154, 160, 166, 0.38);
    --travel-color-token-on-tertiary-state-layer: var(--travel-color-token-on-tertiary);
    --travel-color-token-outline-default: #3c4043;
    --travel-color-token-outline-selected: #8ab4f8;
    --travel-color-token-primary: var(--light);
    --travel-color-token-primary-state-content: #aecbfa;
    --travel-color-token-primary-state-layer: var(--travel-color-token-primary);
    --travel-color-token-primary-variant: #669df6;
    --travel-color-token-review-empty: #9aa0a6;
    --travel-color-token-review-full: #fdd663;
    --travel-color-token-scrim: rgba(0, 0, 0, 0.87);
    --travel-color-token-secondary: var(--dark);
    --travel-color-token-secondary-highlight-variant: rgba(138, 180, 248, 0.12);
    --travel-color-token-surface: var(--darker);
    --travel-color-token-surface-disabled: rgba(232, 234, 237, 0.12);
    --travel-color-token-surface-highlight-negative: rgba(242, 139, 130, 0.24);
    --travel-color-token-surface-highlight-positive: rgba(129, 201, 149, 0.24);
    --travel-color-token-surface-highlight-primary: rgba(138, 180, 248, 0.24);
    --travel-color-token-surface-highlight-primary-low-emphasis: rgba(138, 180, 248, 0.12);
    --travel-color-token-surface-highlight-warning: rgba(253, 214, 99, 0.24);
    --travel-color-token-surface-level1: #2a2b2e;
    --travel-color-token-surface-level2: #303134;
    --travel-color-token-surface-level3: #36373a;
    --travel-color-token-surface-level4: #38393c;
    --travel-color-token-surface-level5: #3c3d40;
    --travel-color-token-tertiary: #303134;
    --travel-color-token-black: #fff;
    --travel-color-token-blue-100: rgba(138, 180, 248, 0.6);
    --travel-color-token-blue-50: rgba(138, 180, 248, 0.24);
    --travel-color-token-blue-500: #669df6;
    --travel-color-token-blue-600: #8ab4f8;
    --travel-color-token-blue-700: #8ab4f8;
    --travel-color-token-green-100: rgba(129, 201, 149, 0.6);
    --travel-color-token-green-50: rgba(129, 201, 149, 0.24);
    --travel-color-token-green-600: #81c995;
    --travel-color-token-green-700: #81c995;
    --travel-color-token-green-900: #81c995;
    --travel-color-token-grey-100: var(--darker);
    --travel-color-token-grey-300: #5f6368;
    --travel-color-token-grey-50: rgba(218, 220, 224, 0.24);
    --travel-color-token-grey-500: #9aa0a6;
    --travel-color-token-grey-600: #80868b;
    --travel-color-token-grey-650: #9aa0a6;
    --travel-color-token-grey-700: #dadce0;
    --travel-color-token-grey-800: var(--accent);
    --travel-color-token-grey-900: var(--accent);
    --travel-color-token-red-100: rgba(242, 139, 130, 0.6);
    --travel-color-token-red-50: rgba(242, 139, 130, 0.24);
    --travel-color-token-red-600: #f28b82;
    --travel-color-token-red-700: #f28b82;
    --travel-color-token-red-900: #f6aea9;
    --travel-color-token-white: var(--darker);
    --travel-color-token-yellow-100: rgba(253, 214, 99, 0.6);
    --travel-color-token-yellow-50: rgba(253, 214, 99, 0.24);
    --travel-color-token-yellow-500: #fdd663;
    --travel-color-token-yellow-600: #fdd663;
    --travel-state-token-on-primary-state-layer-color: #fff;
    --travel-state-token-on-secondary-state-content-color: #fff;
    --travel-state-token-on-secondary-state-layer-color: #d2e3fc;
    --travel-state-token-on-surface-state-content-color: #f8f9fa;
    --travel-state-token-on-surface-state-layer-color: #bdc1c6;
    --travel-state-token-on-tertiary-state-layer-color: #bdc1c6;
    --travel-state-token-primary-state-content-color: #aecbfa;
    --travel-state-token-primary-state-layer-color: #8ab4f8;
}

:root,
*
{
    --gS5jXb: #3c4043;
    --Aqn7xd: #444746;
    --EpFNW: var(--darker2);
    --IXoxUe: var(--light);
    --bbQxAb: var(--light);
    --YLNNHc: var(--light);
    --COEmY: var(--light);
    --TMYS9: #8ab4f8;
    --amnPwe: #9aa0a6;
    --JKqx2: var(--light);
    --rrJJUc: var(--bw);
    --mXZkqc: #3c4043;
    --Nsm0ce: #8ab4f8;
    --XKMDxc: var(--darker);
    --aYn2S: #333438;
    --Lm570b: #333438;
    --xhUGwc: var(--darker2);
}

body:where(:not(.S7wXqe):not([data-theme=dark]):not([data-theme=light]))
{
    background-color: rgb(32, 33, 36);
    color: rgb(232, 234, 237);
    --t8cde825be1b54f6b: #171717;
    --t372c7ec7f19a9632: #3c4043;
    --t18d790028cfa70cd: #3c4043;
    --t4e71cae176abad82: #171717;
    --tcc8c9ef487836e2b: #5f6368;
    --t7856fa36d1727fac: #8ab4f8;
    --t52396a369b4ba6f9: #3c4043;
    --t7101d6f91aaccf58: #202124;
    --tf7148cf5018d5074: #d2e3fc;
    --t0657d8ba69f3afd9: #d2e3fc;
    --t9ab8d922307d428d: #fff;
    --t404202342c23b828: var(--tf7148cf5018d5074);
    --ta884a309a24f44f4: var(--light);
    --t6c7325fca9d536d4: #bdc1c6;
    --tb51ee2e2aa34f42a: rgba(232, 234, 237, 0.38);
    --te8f1ea4d4928be48: var(--light);
    --tfecd90dc5431096b: #bdc1c6;
    --tf8728b207a1a3a6c: #e8eaed;
    --t342c96645d13ae13: #9aa0a6;
    --t98f1ced64af4288e: #202124;
    --t3913f80c965bc2f2: #8ab4f8;
    --t5c5ae1fd339c6885: #c58af9;
    --t66ba8c21577f0bd7: #f28b82;
    --t8a8bf984d8e97485: #f6aea9;
    --ta071baf26f54c52f: #fdd663;
    --t49aa0f2f6a3b0718: #81c995;
    --t2f4490ab6d919535: #a8dab5;
    --tea0c492b8fdaa47c: #8ab4f8;
    --tc54bd00368c12e9c: #f8f9fa;
    --t184c7395a93e1d18: var(--t6c7325fca9d536d4);
    --t2b5ba6a15027daf6: #bdc1c6;
    --t7a3843c26e70106c: rgba(154, 160, 166, 0.38);
    --t1e61186d470ecd2a: var(--t2b5ba6a15027daf6);
    --t413f0d3663beba9d: #3c4043;
    --teb1715511adb54be: #8ab4f8;
    --ta83cba65577ef850: var(--light);
    --t2b50aa450690dd31: #aecbfa;
    --t8d93f485ead9e142: var(--ta83cba65577ef850);
    --tf9915f434b667187: #669df6;
    --t4ff3c6cecc66ad6e: #9aa0a6;
    --t391a3b34f8d7289e: #fdd663;
    --tcb1d01e8c33ba4e7: rgba(0, 0, 0, 0.87);
    --t5feec22832a0fdd6: #394457;
    --tfb3f37020dfb3f7b: rgba(138, 180, 248, 0.12);
    --tdee01b39543f1cac: var(--tp);
    --t271846a3ce326f60: rgba(232, 234, 237, 0.12);
    --t7b2444c28ea204d6: rgba(242, 139, 130, 0.24);
    --tab51b25121374bc2: rgba(129...