summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKatherine Peeters <katherine.peeters@leagueh.xyz>2021-11-24 21:19:38 -0800
committerKatherine Peeters <katherine.peeters@leagueh.xyz>2021-11-24 21:19:38 -0800
commitc1070007378fc4a6145e6fc9cf967a1c3d34d00d (patch)
treef32f25a20a770a6c6c976d2b9c49e6eb773b30f4
parentd7082c5c1030790589dd7246762c8016c511835d (diff)
downloadloh-website-c1070007378fc4a6145e6fc9cf967a1c3d34d00d.tar.gz
Better light theme support for cgit
It should at least be tolerable now
-rw-r--r--site/cgit.css12
-rw-r--r--site/style.css14
2 files changed, 20 insertions, 6 deletions
diff --git a/site/cgit.css b/site/cgit.css
index 816bed2..686e34f 100644
--- a/site/cgit.css
+++ b/site/cgit.css
@@ -129,11 +129,11 @@ div#cgit table.diffstat td.graph td {
}
div#cgit table.diffstat td.graph td.add {
- background-color: #5c5;
+ background-color: var(--green);
}
div#cgit table.diffstat td.graph td.rem {
- background-color: #c55;
+ background-color: var(--red);
}
div#cgit div.diffstat-summary {
@@ -148,7 +148,7 @@ div#cgit div.diffstat-summary {
div#cgit table.diff td {
white-space: pre;
border-radius: 4px;
- background-color: #303030;
+ background-color: var(--pre);
}
div#cgit table.diff {
@@ -166,14 +166,14 @@ div#cgit table.diff a {
}
div#cgit table.diff td div.hunk {
- color: blue;
+ color: var(--blue);
}
div#cgit table.diff td div.add {
- color: green;
+ color: var(--green);
}
div#cgit table.diff td div.del {
- color: red;
+ color: var(--red);
}
diff --git a/site/style.css b/site/style.css
index b60a3fa..3e3b50a 100644
--- a/site/style.css
+++ b/site/style.css
@@ -1,19 +1,33 @@
/* Dark mode (default) */
html {
+
+ /* Colours by element */
--bg: #282828;
--fg: #ebdbb2;
--link: #83a598;
--pre: #3c3836;
+
+ /* Colours by name */
+ --red: #cc241d;
+ --green: #98971a;
+ --blue: #458588;
}
/* Light mode */
@media (prefers-color-scheme: light) {
html {
+
+ /* Colours by element */
--bg: #fbf1c7;
--fg: #3c3836;
--link: #076678;
--pre: #ebdbb2;
+
+ /* Colours by name */
+ --red: #cc241d;
+ --green: #98971a;
+ --blue: #458588;
}
}