use better accent colour + add libreddit styles (redlib-org#281)

* update favicon with new logo * only have 32x32 .ico file * use #d74253 as new accent colour + add old libreddit styles + bolden accented buttons * fix unrenamed libreddit themes
ButteredCats · Oct 10, 2024 · 7dda8d9 · 7dda8d9
1 parent b99412b
commit 7dda8d9
Show file tree

Hide file tree

Showing 12 changed files with 55 additions and 6 deletions.
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/static/favicon.png b/static/favicon.png
diff --git a/static/logo.png b/static/logo.png
diff --git a/static/logo.svg b/static/logo.svg
diff --git a/static/style.css b/static/style.css
@@ -41,7 +41,7 @@
 :root,
 .dark {
     /* Default & fallback theme (dark) */
-    --accent: red;
+    --accent: #d74253;
     --green: #5cff85;
     --text: white;
     --foreground: #222;
@@ -62,7 +62,7 @@
 /* Browser-defined light theme */
 @media (prefers-color-scheme: light) {
     :root {
-        --accent: #9a0000;
+        --accent: #aa2434;
         --green: #00a229;
         --text: black;
         --foreground: #f5f5f5;
@@ -616,6 +616,7 @@ aside {
 #feed_list > .selected {
     background-color: var(--accent);
     color: var(--foreground);
+    font-weight: 500;
 }
 
 #feed_list > a:not(.selected):hover {
@@ -870,6 +871,7 @@ main > * > footer > a {
 #listing_options > a.selected {
     background: var(--accent);
     color: var(--foreground);
+    font-weight: 500;
 }
 
 #sort_options > a:not(.selected):hover,

diff --git a/static/themes/black.css b/static/themes/black.css
@@ -1,6 +1,6 @@
 /* Black theme setting */
 .black {
-	--accent: #9a0000;
+	--accent: #aa2434;
 	--green: #00a229;
 	--text: white;
 	--foreground: #0f0f0f;

diff --git a/static/themes/dark.css b/static/themes/dark.css
@@ -1,6 +1,6 @@
 /* Dark theme setting */
 .dark{
-	--accent: red;
+	--accent: #d74253;
 	--green: #5cff85;
 	--text: white;
 	--foreground: #222;

diff --git a/static/themes/libredditBlack.css b/static/themes/libredditBlack.css
@@ -0,0 +1,14 @@
+/* Libreddit black theme setting */
+.libredditBlack {
+	--accent: #009a9a;
+	--green: #00a229;
+	--text: white;
+	--foreground: #0f0f0f;
+	--background: black;
+	--outside: black;
+	--post: black;
+	--panel-border: 2px solid #0f0f0f;
+	--highlighted: #0f0f0f;
+	--visited: #aaa;
+	--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
diff --git a/static/themes/libredditDark.css b/static/themes/libredditDark.css
@@ -0,0 +1,14 @@
+/* Libreddit dark theme setting */
+.libredditDark{
+	--accent: aqua;
+	--green: #5cff85;
+	--text: white;
+	--foreground: #222;
+	--background: #0f0f0f;
+	--outside: #1f1f1f;
+	--post: #161616;
+	--panel-border: 1px solid #333;
+	--highlighted: #333;
+	--visited: #aaa;
+	--shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}
diff --git a/static/themes/libredditLight.css b/static/themes/libredditLight.css
@@ -0,0 +1,19 @@
+/* Libreddit light theme setting */
+.libredditLight {
+	--accent: #009a9a;
+	--green: #00a229;
+	--text: black;
+	--foreground: #f5f5f5;
+	--background: #ddd;
+	--outside: #ececec;
+	--post: #eee;
+	--panel-border: 1px solid #ccc;
+	--highlighted: white;
+	--visited: #555;
+	--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+html:has(> .libredditLight) {
+  /* Hint color theme to browser for scrollbar */
+  color-scheme: light;
+}
diff --git a/static/themes/light.css b/static/themes/light.css
@@ -1,6 +1,6 @@
 /* Light theme setting */
 .light {
-	--accent: #9a0000;
+	--accent: #aa2434;
 	--green: #00a229;
 	--text: black;
 	--foreground: #f5f5f5;