diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-08-21 00:32:39 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-08-21 00:32:39 +0200 |
commit | 567c66ff87833fcc5404e7bb65d736c5796b5861 (patch) | |
tree | 6f051ba7b51e986f6509ab0eec97da62d042da26 /subprojects/frontend/index.html | |
parent | refactor(frontend): inline CSS and minify HTML (diff) | |
download | refinery-567c66ff87833fcc5404e7bb65d736c5796b5861.tar.gz refinery-567c66ff87833fcc5404e7bb65d736c5796b5861.tar.zst refinery-567c66ff87833fcc5404e7bb65d736c5796b5861.zip |
feat(frontend): try to match OS theme
Diffstat (limited to 'subprojects/frontend/index.html')
-rw-r--r-- | subprojects/frontend/index.html | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/subprojects/frontend/index.html b/subprojects/frontend/index.html index e14e8d30..a3e52ef9 100644 --- a/subprojects/frontend/index.html +++ b/subprojects/frontend/index.html | |||
@@ -10,8 +10,8 @@ | |||
10 | <link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96"> | 10 | <link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96"> |
11 | <link rel="apple-touch-icon" href="/apple-touch-icon.png" type="image/png" sizes="180x180"> | 11 | <link rel="apple-touch-icon" href="/apple-touch-icon.png" type="image/png" sizes="180x180"> |
12 | <link rel="mask-icon" href="/mask-icon.svg" type="image/svg+xml" color="#038a99"> | 12 | <link rel="mask-icon" href="/mask-icon.svg" type="image/svg+xml" color="#038a99"> |
13 | <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#21252b"> | 13 | <meta name="theme-color" media="(prefers-color-scheme:light)" content="#fafafa"> |
14 | <meta name="theme-color" media="(prefers-color-scheme: light)" content="#fafafa"> | 14 | <meta name="theme-color" media="(prefers-color-scheme:dark)" content="#21252b"> |
15 | <style> | 15 | <style> |
16 | @import '@fontsource/jetbrains-mono/variable.css'; | 16 | @import '@fontsource/jetbrains-mono/variable.css'; |
17 | @import '@fontsource/jetbrains-mono/variable-italic.css'; | 17 | @import '@fontsource/jetbrains-mono/variable-italic.css'; |
@@ -270,8 +270,16 @@ | |||
270 | } | 270 | } |
271 | 271 | ||
272 | body { | 272 | body { |
273 | color: #ebebff; | 273 | color: #35373e; |
274 | background: #282c34; | 274 | background: #ffffff; |
275 | font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; | ||
276 | } | ||
277 | |||
278 | @media (prefers-color-scheme: dark) { | ||
279 | body { | ||
280 | color: #ebebff; | ||
281 | background: #282c34; | ||
282 | } | ||
275 | } | 283 | } |
276 | </style> | 284 | </style> |
277 | </head> | 285 | </head> |