use better accent colour + add libreddit styles (#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

static/logo.svg

@@ -1,7 +1,7 @@
 <svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
   <g transform="matrix(1 0 0 -1 0 512)">
     <circle cx="256" cy="256" r="256" fill="#1a1a1a"/>
+    <path d="M144,96 v320 h224 v-70 h-152 V96 z" fill="#d74253"/>
     <path d="M240,96 v226 h70 v-156 h58 V96 z" fill="#f9f9f9"/>
-    <path d="M144,96 v320 h224 v-70 h-152 V96 z" fill="#f00"/>
   </g>
 </svg>

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,

static/themes/black.css

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

static/themes/dark.css

@@ -1,6 +1,6 @@
 /* Dark theme setting */
 .dark{
-	--accent: red;
+	--accent: #d74253;
 	--green: #5cff85;
 	--text: white;
 	--foreground: #222;

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);
+}

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);
+}

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;
+}

static/themes/light.css

@@ -1,6 +1,6 @@
 /* Light theme setting */
 .light {
-	--accent: #9a0000;
+	--accent: #aa2434;
 	--green: #00a229;
 	--text: black;
 	--foreground: #f5f5f5;