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 @@