From 7c930ee4ea1b27ebdcb72ccb4c71656ecbde92b7 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Mon, 20 Sep 2021 21:08:44 +0530
Subject: [PATCH] Converts colour values from `rgba`/`hex` to `rgb` (#560)

- Except for code-copy btn
- Emojis were affected by theme opacity values, fixes: #557
---
 assets/css/common/post-single.css | 10 ++++-----
 assets/css/core/theme-vars.css    | 36 +++++++++++++++----------------
 layouts/partials/head.html        | 18 ++++++++--------
 3 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index fb322baa..41c33134 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -210,7 +210,7 @@
     display: block;
     margin: auto 0;
     padding: 10px;
-    color: rgba(255, 255, 255, 0.8);
+    color: rgb(213, 213, 214);
     background: 0 0;
     border-radius: 0;
     overflow-x: auto;
@@ -374,20 +374,20 @@ h6:hover .anchor {
 
 .post-content :not(table) ::-webkit-scrollbar-thumb {
     border: 2px solid var(--hljs-bg);
-    background: rgba(255, 255, 255, 0.32);
+    background: rgb(113, 113, 117);
 }
 
 .post-content :not(table) ::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.56);
+    background: rgb(163, 163, 165);
 }
 
 .gist table::-webkit-scrollbar-thumb {
     border: 2px solid rgb(255, 255, 255);
-    background: rgba(0, 0, 0, 0.32);
+    background: rgb(173, 173, 173);
 }
 
 .gist table::-webkit-scrollbar-thumb:hover {
-    background: rgba(0, 0, 0, 0.56);
+    background: rgb(112, 112, 112);
 }
 
 .post-content table::-webkit-scrollbar-thumb {
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index bda1f31c..fd0c5ee8 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -6,27 +6,27 @@
     --header-height: 60px;
     --footer-height: 60px;
     --radius: 8px;
-    --theme: #fff;
-    --entry: #fff;
-    --primary: rgba(0, 0, 0, 0.88);
-    --secondary: rgba(0, 0, 0, 0.56);
-    --tertiary: rgba(0, 0, 0, 0.16);
-    --content: rgba(0, 0, 0, 0.88);
-    --hljs-bg: #1c1d21;
-    --code-bg: #f5f5f5;
-    --border: #eee;
+    --theme: rgb(255, 255, 255);
+    --entry: rgb(255, 255, 255);
+    --primary: rgb(30, 30, 30);
+    --secondary: rgb(108, 108, 108);
+    --tertiary: rgb(214, 214, 214);
+    --content: rgb(31, 31, 31);
+    --hljs-bg: rgb(28, 29, 33);
+    --code-bg: rgb(245, 245, 245);
+    --border: rgb(238, 238, 238);
 }
 
 .dark {
-    --theme: #1d1e20;
-    --entry: #2e2e33;
-    --primary: rgba(255, 255, 255, 0.84);
-    --secondary: rgba(255, 255, 255, 0.56);
-    --tertiary: rgba(255, 255, 255, 0.16);
-    --content: rgba(255, 255, 255, 0.74);
-    --hljs-bg: #2e2e33;
-    --code-bg: #37383e;
-    --border: #333;
+    --theme: rgb(29, 30, 32);
+    --entry: rgb(46, 46, 51);
+    --primary: rgb(218, 218, 219);
+    --secondary: rgb(155, 156, 157);
+    --tertiary: rgb(65, 66, 68);
+    --content: rgb(196, 196, 197);
+    --hljs-bg: rgb(46, 46, 51);
+    --code-bg: rgb(55, 56, 62);
+    --border: rgb(51, 51, 51);
 }
 
 .list {
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 28abcd95..7f5bcb1d 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -127,15 +127,15 @@
     <style>
         @media (prefers-color-scheme: dark) {
             :root {
-                --theme: #1d1e20;
-                --entry: #2e2e33;
-                --primary: rgba(255, 255, 255, 0.84);
-                --secondary: rgba(255, 255, 255, 0.56);
-                --tertiary: rgba(255, 255, 255, 0.16);
-                --content: rgba(255, 255, 255, 0.74);
-                --hljs-bg: #2e2e33;
-                --code-bg: #37383e;
-                --border: #333;
+                --theme: rgb(29, 30, 32);
+                --entry: rgb(46, 46, 51);
+                --primary: rgb(218, 218, 219);
+                --secondary: rgb(155, 156, 157);
+                --tertiary: rgb(65, 66, 68);
+                --content: rgb(196, 196, 197);
+                --hljs-bg: rgb(46, 46, 51);
+                --code-bg: rgb(55, 56, 62);
+                --border: rgb(51, 51, 51);
             }
 
             .list {