/* ==UserStyle== @name Thesaurus Dark @namespace github.com/aruncveli/userstyles @version 25.7.7 @description Dark theme for Thesaurus. @author Arun Chandanaveli (https://github.com/aruncveli) @homepageURL https://github.com/aruncveli/userstyles @supportURL https://github.com/aruncveli/userstyles/issues @updateURL https://raw.githubusercontent.com/aruncveli/userstyles/refs/heads/main/sites/thesaurus/thesaurus.user.css @license MIT @preprocessor default @var color fg "Foreground" white @var color bg "Background" black @var color bg1 "Background lightened 1" #111 @var color bg2 "Background lightened 2" #222 @var color bg3 "Background lightened 3" #333 @var color link-color "Link" #0b84ff @var color red-color "Red" #ff443a ==/UserStyle== */ @-moz-document url-prefix("https://www.thesaurus.com/") { :root { color-scheme: dark; --aard-color-ink-default: var(--fg); --aard-color-ink-muted: var(--fg); --aard-color-ink-default-onmuted: var(--fg); --aard-color-ink-positive: #30d158; --aard-color-ink-negative: var(--red-color); --aard-color-ink-line-deep: var(--fg); --aard-color-ink-line-default: var(--fg); --aard-color-ink-line-muted: var(--bg); --aard-color-ink-line-extramuted: var(--bg); --aard-color-bkgd-default: var(--bg); --aard-color-bkgd-muted: var(--bg1); --aard-color-interactive-link-default: var(--link-color); --aard-color-bkgd-negative: var(--bg1); --aard-color-bkgd-positive: var(--bg1); --aard-color-bkgd-button-icon-attention-hovered: var(--bg1); --aard-color-bkgd-button-icon-attention-active: var(--bg2); --aard-color-bkgd-quizanswer-default: var(--bg1); --aard-palette-gray-025: var(--bg); --aard-palette-gray-050: var(--bg); --aard-color-bkgd-quizanswer-hovered: var(--bg2); --aard-color-bkgd-info: var(--bg1); --aard-color-navitem-secondary-attention-selected: var(--bg1); --aard-color-navitem-secondary-attention-hovered: var(--bg1); --aard-color-bkgd-semimuted: var(--bg); --aard-color-interactive-headline-hovered-onmuted: var(--fg); --lightgray: var(--fg); --softgray: var(--bg2); --aard-color-bkgd-button-secondary-enabled: var(--bg1); --aard-color-bkgd-button-secondary-hovered: var(--bg2); } .thesaurus-site .AsdlOJUG4I3j2VqOdnga { --focus-default-button-color: var(--bg1); --hover-button-color: var(--bg2); } .FcvpNkZTEsVQ3v6NFfbK[aria-selected="true"] /* Tab */, .k2qFz3iR1eXVRkpF29WJ /* Header */, .vVf7ViAcM8IyoD95Hmd1 /* Pages Menu */, .dKPJOGfILqWFODkvnJEd /* Main */, #global-search, .VX9rjf5QOw0KOL2Guuk9 /* Search form */, .nXF8unPl3YF7kIFtCEJl > .M5L8uBxiXQScnZpxOtVL::before /* Dropdown */, .a_Z1cA3pMYySwQsdWv5Q /* Footer */ { background-color: var(--bg); } .M5L8uBxiXQScnZpxOtVL /* Dropdown */, ul.e9SGRZUPdtkgo2FY4YVp /* Search Results */ { background-color: var(--bg1); } #thesaurus-tab > div > svg > path:nth-child(2) { fill: var(--fg); } .cmasAdRoot, .ac-lre-ima-ad-wrapper, .ac-lre-display-ad-container, .ac-lre-fallback-ad-wrapper, .ac-lre-ad-bar, .videoAdUi { display: none; } .dKPJOGfILqWFODkvnJEd /* Main */ { padding: 0; } } @-moz-document url-prefix("https://www.thesaurus.com/browse") { .R2dKqQgpn7A_oPi9UWfr /* main */, .mNmN3R7bkkDtinyNiLtl /* Left side nav */, .QXhVD4zXdAnJKNytqXmK /* Results */, [data-linktype="antonyms"] { background-color: var(--bg); } .rXhgGek5ucMOQ0I0J3pa /* Synonyms/Antonyms focused */ { background-color: var(--bg1); } .ZIu4Pmp_JmWEfr4WEkmw:not( .rXhgGek5ucMOQ0I0J3pa ) /* Synonyms/Antonyms unfocused */ { background-color: var(--bg); } .Bf5RRqL5MiAp4gB8wAZa /* Strongest matches */, .CPTwwN0qNO__USQgCKp8 /* Strong matches */, .u7owlPWJz16NbHjXogfX /* Weak :matches */, .wBXvVlI83HMyXkhpf9FQ.Bf5RRqL5MiAp4gB8wAZa /* Strongest opposites */, .wBXvVlI83HMyXkhpf9FQ.CPTwwN0qNO__USQgCKp8 /* Strong opposites */, .wBXvVlI83HMyXkhpf9FQ.u7owlPWJz16NbHjXogfX /* Weak opposites */ { --background-color-default: var(--bg); } [data-type="thesaurus-carambola-ad"] { display: none; } .cY0SYTkIeNY8R0DY0K_r > svg > path /* Left side nav menu toggle */, #related-words > details > summary > svg > path { fill: var(--fg); } nav.mNmN3R7bkkDtinyNiLtl svg > path:nth-child(2) { fill: var(--fg); } .D7NUkW0JoLnfN3mRopVF /* main */ { margin-top: 0; } }