diff options
| author | Eric Bailey <git@esb.lol> | 2023-12-07 13:00:44 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-07 11:00:44 -0800 |
| commit | cdc1d08267515677eea879813d248d484a9e4ad8 (patch) | |
| tree | 6be3a576290102c85e2f5915ef3e6bc061665208 | |
| parent | 17c27581b6ca972d473fef5a07a699d6a9e5ac17 (diff) | |
| download | voidsky-cdc1d08267515677eea879813d248d484a9e4ad8.tar.zst | |
Apply color theme to HTML page itself (#2132)
| -rw-r--r-- | bskyweb/templates/base.html | 1 | ||||
| -rw-r--r-- | src/state/shell/color-mode.tsx | 1 | ||||
| -rw-r--r-- | web/index.html | 1 |
3 files changed, 3 insertions, 0 deletions
diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index b03fbbee4..55c7c9fd8 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -71,6 +71,7 @@ overflow-y: auto; overscroll-behavior-y: none; text-rendering: optimizeLegibility; + background-color: var(--background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; diff --git a/src/state/shell/color-mode.tsx b/src/state/shell/color-mode.tsx index c6a4b8a18..192b88314 100644 --- a/src/state/shell/color-mode.tsx +++ b/src/state/shell/color-mode.tsx @@ -23,6 +23,7 @@ export function Provider({children}: React.PropsWithChildren<{}>) { ) React.useEffect(() => { + updateDocument(persisted.get('colorMode')) // set on load return persisted.onUpdate(() => { setState(persisted.get('colorMode')) updateDocument(persisted.get('colorMode')) diff --git a/web/index.html b/web/index.html index 1a9d63b83..18b985bff 100644 --- a/web/index.html +++ b/web/index.html @@ -75,6 +75,7 @@ overflow-y: auto; overscroll-behavior-y: none; text-rendering: optimizeLegibility; + background-color: var(--background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; |