commit 82b8f21627a1402e0de12b589008588b38a65804
parent b721a32346868c17168130df3e6cfeb78eace68b
Author: Oscar Benedito <oscar@oscarbenedito.com>
Date: Sun, 3 Apr 2022 00:48:04 +0200
Customize dark theme
Diffstat:
| M | logo.svg | | | 2 | +- |
| M | style.css | | | 55 | +++++++++++++++++++++++++++---------------------------- |
2 files changed, 28 insertions(+), 29 deletions(-)
diff --git a/logo.svg b/logo.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0,-87)"><circle r="105" cy="192" cx="105" style="fill:#7ec27b;"/><path style="fill:#fff;stroke-width:3.11444497" d="m 62.821144,169.92187 q 7.474669,0 14.077293,2.61614 6.727201,2.49156 11.710314,6.97636 5.10769,4.4848 7.97298,10.71369 2.989867,6.10431 2.989867,13.4544 0,7.59925 -2.989867,13.95272 -2.86529,6.35347 -7.97298,10.96284 -4.983113,4.60938 -11.710314,7.22552 -6.602624,2.61613 -14.077293,2.61613 -7.350091,0 -13.952715,-2.49155 -6.602624,-2.61614 -11.585737,-7.22552 -4.983112,-4.60938 -7.848402,-10.96285 -2.86529,-6.47804 -2.86529,-14.07729 0,-7.35009 2.86529,-13.57898 2.86529,-6.22889 7.848402,-10.71369 4.983113,-4.4848 11.585737,-6.97636 6.602624,-2.49156 13.952715,-2.49156 z m 0,7.22552 q -3.737335,0 -6.85178,1.99324 -3.114445,1.86867 -5.356846,5.35685 -2.117823,3.48818 -3.363601,8.47129 -1.1212,4.85853 -1.1212,10.83827 0,6.22889 1.1212,11.212 1.245778,4.98312 3.363601,8.47129 2.242401,3.48818 5.232268,5.48143 3.114446,1.86867 6.976358,1.86867 3.861912,0 6.976357,-1.86867 3.239023,-1.99325 5.481424,-5.48143 2.242401,-3.61275 3.488179,-8.59586 1.245778,-4.98312 1.245778,-11.08743 0,-5.97974 -1.245778,-10.83827 -1.245778,-4.85853 -3.488179,-8.34671 -2.242401,-3.61276 -5.481424,-5.48143 -3.114445,-1.99324 -6.976357,-1.99324 z"/><path style="fill:#fff;stroke-width:3.11444497" d="m 132.23045,209.91135 q 0,4.60938 1.24578,8.59587 1.37036,3.86191 3.61276,6.7272 2.2424,2.86529 5.35684,4.4848 3.11445,1.61952 6.85178,1.61952 7.47467,0 11.33658,-6.85178 3.86191,-6.85178 3.86191,-20.18161 0,-12.95609 -3.86191,-19.68329 -3.73733,-6.85178 -11.33658,-6.85178 -4.4848,0 -8.34671,2.49155 -3.73734,2.36698 -5.85516,6.72721 -2.86529,5.97973 -2.86529,15.07391 z m -0.24915,-30.14783 h 0.49831 q 3.23902,-4.73395 8.34671,-7.22551 5.10769,-2.61614 11.58574,-2.61614 6.60262,0 12.20862,2.74072 5.73058,2.61613 9.84165,7.22551 4.23564,4.60938 6.60262,10.83827 2.36698,6.22889 2.36698,13.32983 0,7.47466 -2.61613,13.82813 -2.49156,6.22889 -6.97636,10.83827 -4.36022,4.60938 -10.33996,7.22552 -5.85516,2.61613 -12.45778,2.61613 -6.85178,0 -12.95609,-2.61613 -5.97974,-2.74072 -9.59249,-7.10094 l -9.46792,8.34671 h -4.23564 V 163.0701 q 0,-11.71032 -1.61951,-16.07054 -0.37374,-0.87205 -0.87205,-1.49494 -0.49831,-0.62289 -1.49493,-0.99662 -0.87205,-0.49831 -2.49156,-0.74747 -1.61951,-0.37373 -4.23564,-0.74746 v -4.23565 l 27.90543,-4.98311 z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg"><style>path{fill:#fff}circle{fill:#7ec27b;}@media(prefers-color-scheme:dark){path{fill:#ccc;}circle{fill:#4876a1;}}</style><g id="l" transform="translate(0,-87)"><circle r="105" cy="192" cx="105"/><path style="stroke-width:3.11444497" d="m 62.821144,169.92187 q 7.474669,0 14.077293,2.61614 6.727201,2.49156 11.710314,6.97636 5.10769,4.4848 7.97298,10.71369 2.989867,6.10431 2.989867,13.4544 0,7.59925 -2.989867,13.95272 -2.86529,6.35347 -7.97298,10.96284 -4.983113,4.60938 -11.710314,7.22552 -6.602624,2.61613 -14.077293,2.61613 -7.350091,0 -13.952715,-2.49155 -6.602624,-2.61614 -11.585737,-7.22552 -4.983112,-4.60938 -7.848402,-10.96285 -2.86529,-6.47804 -2.86529,-14.07729 0,-7.35009 2.86529,-13.57898 2.86529,-6.22889 7.848402,-10.71369 4.983113,-4.4848 11.585737,-6.97636 6.602624,-2.49156 13.952715,-2.49156 z m 0,7.22552 q -3.737335,0 -6.85178,1.99324 -3.114445,1.86867 -5.356846,5.35685 -2.117823,3.48818 -3.363601,8.47129 -1.1212,4.85853 -1.1212,10.83827 0,6.22889 1.1212,11.212 1.245778,4.98312 3.363601,8.47129 2.242401,3.48818 5.232268,5.48143 3.114446,1.86867 6.976358,1.86867 3.861912,0 6.976357,-1.86867 3.239023,-1.99325 5.481424,-5.48143 2.242401,-3.61275 3.488179,-8.59586 1.245778,-4.98312 1.245778,-11.08743 0,-5.97974 -1.245778,-10.83827 -1.245778,-4.85853 -3.488179,-8.34671 -2.242401,-3.61276 -5.481424,-5.48143 -3.114445,-1.99324 -6.976357,-1.99324 z"/><path style="stroke-width:3.11444497" d="m 132.23045,209.91135 q 0,4.60938 1.24578,8.59587 1.37036,3.86191 3.61276,6.7272 2.2424,2.86529 5.35684,4.4848 3.11445,1.61952 6.85178,1.61952 7.47467,0 11.33658,-6.85178 3.86191,-6.85178 3.86191,-20.18161 0,-12.95609 -3.86191,-19.68329 -3.73733,-6.85178 -11.33658,-6.85178 -4.4848,0 -8.34671,2.49155 -3.73734,2.36698 -5.85516,6.72721 -2.86529,5.97973 -2.86529,15.07391 z m -0.24915,-30.14783 h 0.49831 q 3.23902,-4.73395 8.34671,-7.22551 5.10769,-2.61614 11.58574,-2.61614 6.60262,0 12.20862,2.74072 5.73058,2.61613 9.84165,7.22551 4.23564,4.60938 6.60262,10.83827 2.36698,6.22889 2.36698,13.32983 0,7.47466 -2.61613,13.82813 -2.49156,6.22889 -6.97636,10.83827 -4.36022,4.60938 -10.33996,7.22552 -5.85516,2.61613 -12.45778,2.61613 -6.85178,0 -12.95609,-2.61613 -5.97974,-2.74072 -9.59249,-7.10094 l -9.46792,8.34671 h -4.23564 V 163.0701 q 0,-11.71032 -1.61951,-16.07054 -0.37374,-0.87205 -0.87205,-1.49494 -0.49831,-0.62289 -1.49493,-0.99662 -0.87205,-0.49831 -2.49156,-0.74747 -1.61951,-0.37373 -4.23564,-0.74746 v -4.23565 l 27.90543,-4.98311 z"/></g></svg>
diff --git a/style.css b/style.css
@@ -1,12 +1,3 @@
-:root {
- --diff-green: #181;
- --diff-red: #e02;
- --links: #00c;
- --border: #d2d2d2;
- --gray: #777;
- --hover-bg: #eee;
-}
-
body {
color: #000;
background-color: #fff;
@@ -39,13 +30,13 @@ body {
pre:not(#about) {
overflow-x: auto;
- border: 1px solid var(--border);
+ border: 1px solid #d2d2d2;
border-radius: 4px;
padding: 10px;
}
a {
- color: var(--links);
+ color: #00c;
}
#head table {
@@ -99,11 +90,11 @@ h1, h2, h3, h4, h5, h6 {
font-size: 1.25em;
}
-img, h1, h2 {
+img, svg, h1, h2 {
vertical-align: middle;
}
-img {
+img, svg {
border: 0;
}
@@ -119,7 +110,7 @@ a.line {
}
#blob a {
- color: var(--gray);
+ color: #777;
}
#blob a:hover {
@@ -145,7 +136,7 @@ table td {
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
- background-color: var(--hover-bg);
+ background-color: #eee;
}
#index tr td:nth-child(2),
@@ -160,12 +151,12 @@ td.num {
}
.desc {
- color: var(--gray);
+ color: #777;
}
hr {
border: 0;
- border-top: 1px solid var(--gray);
+ border-top: 1px solid #777;
height: 1px;
}
@@ -176,13 +167,13 @@ pre {
.A,
span.i,
pre a.i {
- color: var(--diff-green);
+ color: #181;
}
.D,
span.d,
pre a.d {
- color: var(--diff-red);
+ color: #e02;
}
pre a.h:hover,
@@ -194,12 +185,13 @@ pre a.d:hover {
.md table {
border-collapse: collapse;
margin: 1em 1em;
- border: 1px solid var(--border);
+ border: 1px solid #d2d2d2;
}
+
.md table td,
.md table th {
padding: 0.25em 1em;
- border: 1px solid var(--border);
+ border: 1px solid #d2d2d2;
}
#index .cat td {
@@ -208,17 +200,18 @@ pre a.d:hover {
#index .repo td:first-child {
padding-left: 1.5em;
+}
@media (prefers-color-scheme: dark) {
body {
- background-color: #000;
- color: #bdbdbd;
+ background-color: #111;
+ color: #ccc;
}
hr {
- border-color: #222;
+ border-color: #555;
}
a {
- color: #56c8ff;
+ color: #4d80b3;
}
a:target {
background-color: #222;
@@ -236,17 +229,17 @@ pre a.d:hover {
color: #56c8ff;
}
pre a.h {
- color: #00cdcd;
+ color: #0bb;
}
.A,
span.i,
pre a.i {
- color: #00cd00;
+ color: #1a1;
}
.D,
span.d,
pre a.d {
- color: #cd0000;
+ color: #e44;
}
#branches tr:hover td,
#tags tr:hover td,
@@ -255,4 +248,10 @@ pre a.d:hover {
#files tr:hover td {
background-color: #111;
}
+ pre:not(#about),
+ .md table,
+ .md table td,
+ .md table th {
+ border-color: #555;
+ }
}
