diff --git a/src/pages/options/index.html b/src/pages/options/index.html index 6106620..5d7f804 100644 --- a/src/pages/options/index.html +++ b/src/pages/options/index.html @@ -33,11 +33,20 @@ /* Reset ends */ :root { - background-color: black; + /* + The initial theme is light but it's quickly inverted to dark. + Dark theme should be the first theme user sees by default. + TODO: Ponder more. E.g. valid color (green) must remain the + same even after invertion. Also a flash/blink of colors + during invertion must be avoided. + */ + background-color: white; /* Not transparent. */ color: black; - color-scheme: dark; - border: 0 none black; - outline: 0 none black; + border: 0 none white; + outline: 0 none white; + color-scheme: light; + /* COLOR INVERTION */ + filter: invert(0); /* TODO: temporary disabled. */ } :root, html, body { /*background: url('./gsbg.png') no-repeat;*/ @@ -48,10 +57,6 @@ --ribbon-color: #0075ff; /* #4169e1;*/ font-family: Ubuntu, Arial, sans-serif; font-size: 75%; - - color-scheme: light; /* Will be inverted to dark. */ - /* COLOR INVERTION */ - filter: invert(1); padding: 10px; } @@ -102,7 +107,7 @@ .use-preferred-color-scheme { /*background-color: violet; color: darkred;*/ - color-scheme: light; + /*color-scheme: light;*/ }/* @media (prefers-color-scheme: dark) { .use-preferred-color-scheme {