Skip to content
Permalink
Browse files
Converts colour values from rgba/hex to rgb (#560)
- Except for code-copy btn
- Emojis were affected by theme opacity values, fixes: #557
  • Loading branch information
adityatelange committed Sep 20, 2021
1 parent 8c2f997 commit 7c930ee4ea1b27ebdcb72ccb4c71656ecbde92b7
Showing with 32 additions and 32 deletions.
  1. +5 −5 assets/css/common/post-single.css
  2. +18 −18 assets/css/core/theme-vars.css
  3. +9 −9 layouts/partials/head.html
@@ -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 {
@@ -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 {
@@ -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 {

0 comments on commit 7c930ee

Please sign in to comment.