home » zplus/freepost.git
Author zPlus <zplus@peers.community> 2024-03-18 14:27:33
Committer zPlus <zplus@peers.community> 2024-03-18 14:27:33
Commit ff2d6d2 (patch)
Tree eb9c3a1
Parent(s)

Improve dark theme.


commits diff: 417c8e2..ff2d6d2
1 file changed, 38 insertions, 1 deletiondownload


Diffstat
-rw-r--r-- freepost/static/css/freepost.css 39

Diff options
View
Side
Whitespace
Context lines
Inter-hunk lines
+38/-1 M   freepost/static/css/freepost.css
index a7a00bb..b4e8428
old size: 21K - new size: 22K
@@ -16,6 +16,12 @@ a, a:hover, a:visited {
16 16 text-decoration: none;
17 17 }
18 18
19 + @media (prefers-color-scheme: dark) {
20 + a, a:hover, a:visited {
21 + color: #ff0;
22 + }
23 + }
24 +
19 25 blockquote {
20 26 background-color: #f8f8f8;
21 27 border-left: 5px solid #e9e9e9;
@@ -207,7 +213,8 @@ html, body {
207 213
208 214 @media (prefers-color-scheme: dark) {
209 215 html, body {
210 - background-color: #000;
216 + background-color: #333;
217 + color: #ddd;
211 218 }
212 219 }
213 220
@@ -364,6 +371,12 @@ ul, ol {
364 371 font-style: italic;
365 372 }
366 373
374 + @media (prefers-color-scheme: dark) {
375 + .netloc {
376 + color: #ccc;
377 + }
378 + }
379 +
367 380 .monkey {
368 381 height: 1.5em;
369 382 margin: 0 1em;
@@ -433,6 +446,12 @@ a.logo:visited {
433 446 text-align: right;
434 447 }
435 448
449 + @media (prefers-color-scheme: dark) {
450 + .posts > .post > .position {
451 + color: #ccc;
452 + }
453 + }
454 +
436 455 .posts > .post > .info > .title > a {
437 456 color: #000;
438 457 font-size: 1.6rem;
@@ -450,6 +469,12 @@ a.logo:visited {
450 469 margin: .5rem 0 0 0;
451 470 }
452 471
472 + @media (prefers-color-scheme: dark) {
473 + .posts > .post > .info > .about {
474 + color: #ccc;
475 + }
476 + }
477 +
453 478 .posts > .pagination > form {
454 479 width: 100%;
455 480 }
@@ -567,11 +592,23 @@ a.logo:visited {
567 592 padding: 0 .5rem .5rem .5rem;
568 593 }
569 594
595 + @media (prefers-color-scheme: dark) {
596 + .menu > .flex-item {
597 + color: #fff;
598 + }
599 + }
600 +
570 601 /* Highlight menu item of the current active page (Hot/New/Submit/...) */
571 602 .menu > .active_page {
572 603 border-bottom: 3px solid #000;
573 604 }
574 605
606 + @media (prefers-color-scheme: dark) {
607 + .menu > .active_page {
608 + border-bottom: 3px solid #fff;
609 + }
610 + }
611 +
575 612 /* Highlight username if there are unread messages */
576 613 .menu .new_messages {
577 614 background-color: rgb(255, 175, 50);