diff options
Diffstat (limited to 'src/public/styles.css')
-rw-r--r-- | src/public/styles.css | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/public/styles.css b/src/public/styles.css index b9da7a1..4dc2740 100644 --- a/src/public/styles.css +++ b/src/public/styles.css | |||
@@ -3,6 +3,7 @@ | |||
3 | :root { | 3 | :root { |
4 | /* Light mode colors */ | 4 | /* Light mode colors */ |
5 | --bg-color: white; | 5 | --bg-color: white; |
6 | --bg-color-muted: #eee; | ||
6 | --text-color: black; | 7 | --text-color: black; |
7 | --text-color-muted: #999; | 8 | --text-color-muted: #999; |
8 | --blockquote-color: green; | 9 | --blockquote-color: green; |
@@ -13,6 +14,7 @@ | |||
13 | @media (prefers-color-scheme: dark) { | 14 | @media (prefers-color-scheme: dark) { |
14 | :root { | 15 | :root { |
15 | --bg-color: black; | 16 | --bg-color: black; |
17 | --bg-color-muted: #333; | ||
16 | --text-color: white; | 18 | --text-color: white; |
17 | --text-color-muted: #999; | 19 | --text-color-muted: #999; |
18 | --blockquote-color: green; | 20 | --blockquote-color: green; |
@@ -230,7 +232,7 @@ hr { | |||
230 | .post-media { | 232 | .post-media { |
231 | display: block; | 233 | display: block; |
232 | margin: 0 auto; | 234 | margin: 0 auto; |
233 | max-width: 85%; | 235 | max-width: 95%; |
234 | padding: 5px; | 236 | padding: 5px; |
235 | } | 237 | } |
236 | 238 | ||
@@ -249,6 +251,10 @@ hr { | |||
249 | text-decoration: none; | 251 | text-decoration: none; |
250 | } | 252 | } |
251 | 253 | ||
254 | .title-container > a:hover { | ||
255 | text-decoration: underline; | ||
256 | } | ||
257 | |||
252 | .title-container > a:visited { | 258 | .title-container > a:visited { |
253 | color: var(--text-color-muted) | 259 | color: var(--text-color-muted) |
254 | } | 260 | } |
@@ -269,7 +275,7 @@ blockquote { | |||
269 | } | 275 | } |
270 | 276 | ||
271 | pre, code { | 277 | pre, code { |
272 | background: #eee; | 278 | background: var(--bg-color-muted); |
273 | } | 279 | } |
274 | 280 | ||
275 | pre { | 281 | pre { |
@@ -308,17 +314,15 @@ a { | |||
308 | display: flex; | 314 | display: flex; |
309 | overflow-x: auto; | 315 | overflow-x: auto; |
310 | position: relative; | 316 | position: relative; |
311 | scroll-snap-type: x mandatory; | ||
312 | padding: 5px; | 317 | padding: 5px; |
313 | } | 318 | } |
314 | 319 | ||
315 | .gallery-item { | 320 | .gallery-item { |
316 | flex: 0 0 auto; | 321 | flex: 0 0 auto; |
317 | scroll-snap-align: start; | ||
318 | margin-right: 10px; | 322 | margin-right: 10px; |
319 | } | 323 | } |
320 | 324 | ||
321 | .gallery img { | 325 | .gallery img { |
322 | width: auto; | 326 | width: auto; |
323 | height: 300px; | 327 | max-height: 500px; |
324 | } | 328 | } |