Skip to content

www.powerlanguage.co.uk/wordle by curleyog

Homepage Write a review Install Get Stylus

Details

Authorcurleyog

LicenseNo License

CategoryWordle

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

System light and dark mode switching.

Notes

  • Turn off Dark Theme to enable.
  • Share button uses light mode emoji in spite of system setting (not CSS).

Source code

/* ==UserStyle==
@name         www.powerlanguage.co.uk/wordle
@version      20220113.13.39
@namespace    userstyles.world/user/curleyog
@description  System light and dark mode switching.
@author       curleyog
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.powerlanguage.co.uk/wordle/") {
@media (prefers-color-scheme: dark) {
    :root {
        --color-tone-1: #d7dadc;
        --color-tone-2: #818384;
        --color-tone-3: #565758;
        --color-tone-4: #3a3a3c;
        --color-tone-5: #272729;
        --color-tone-6: #1a1a1b;
        --color-tone-7: #121213;
        --opacity-50: rgba(0, 0, 0, 0.5);

        --color-present: var(--darkendYellow);
        --color-correct: var(--darkendGreen);
        --color-absent: var(--color-tone-4);
        --tile-text-color: var(--color-tone-1);
        --key-text-color: var(--color-tone-1);
        --key-evaluated-text-color: var(--color-tone-1);
        --key-bg: var(--color-tone-2);
        --key-bg-present: var(--color-present);
        --key-bg-correct: var(--color-correct);
        --key-bg-absent: var(--color-absent);
        --modal-content-bg: var(--color-tone-7);
    }
}
}

Reviews

No reviews yet.