aboutsummaryrefslogtreecommitdiff
path: root/src/public
diff options
context:
space:
mode:
Diffstat (limited to 'src/public')
-rw-r--r--src/public/styles.css14
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
271pre, code { 277pre, code {
272 background: #eee; 278 background: var(--bg-color-muted);
273} 279}
274 280
275pre { 281pre {
@@ -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}