zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Apply color theme to HTML page itself (#2132)

zio/stable
Eric Bailey 2023-12-07 13:00:44 -06:00 committed by GitHub
parent 17c27581b6
commit cdc1d08267
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
bskyweb/templates/base.html
View File

@ -71,6 +71,7 @@
overflow-y: auto; overflow-y: auto;
overscroll-behavior-y: none; overscroll-behavior-y: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
background-color: var(--background);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-ms-overflow-style: scrollbar; -ms-overflow-style: scrollbar;

1
src/state/shell/color-mode.tsx
View File

@ -23,6 +23,7 @@ export function Provider({children}: React.PropsWithChildren<{}>) {
) )
React.useEffect(() => { React.useEffect(() => {
updateDocument(persisted.get('colorMode')) // set on load
return persisted.onUpdate(() => { return persisted.onUpdate(() => {
setState(persisted.get('colorMode')) setState(persisted.get('colorMode'))
updateDocument(persisted.get('colorMode')) updateDocument(persisted.get('colorMode'))

1
web/index.html
View File

@ -75,6 +75,7 @@
overflow-y: auto; overflow-y: auto;
overscroll-behavior-y: none; overscroll-behavior-y: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
background-color: var(--background);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-ms-overflow-style: scrollbar; -ms-overflow-style: scrollbar;