Converts colour values from `rgba`/`hex` to `rgb` (#560)

- Except for code-copy btn
- Emojis were affected by theme opacity values, fixes: #557
This commit is contained in:
Aditya Telange 2021-09-20 21:08:44 +05:30 committed by GitHub
parent 8c2f997ab3
commit 7c930ee4ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 32 deletions

View File

@ -210,7 +210,7 @@
display: block; display: block;
margin: auto 0; margin: auto 0;
padding: 10px; padding: 10px;
color: rgba(255, 255, 255, 0.8); color: rgb(213, 213, 214);
background: 0 0; background: 0 0;
border-radius: 0; border-radius: 0;
overflow-x: auto; overflow-x: auto;
@ -374,20 +374,20 @@ h6:hover .anchor {
.post-content :not(table) ::-webkit-scrollbar-thumb { .post-content :not(table) ::-webkit-scrollbar-thumb {
border: 2px solid var(--hljs-bg); 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 { .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 { .gist table::-webkit-scrollbar-thumb {
border: 2px solid rgb(255, 255, 255); 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 { .gist table::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.56); background: rgb(112, 112, 112);
} }
.post-content table::-webkit-scrollbar-thumb { .post-content table::-webkit-scrollbar-thumb {

View File

@ -6,27 +6,27 @@
--header-height: 60px; --header-height: 60px;
--footer-height: 60px; --footer-height: 60px;
--radius: 8px; --radius: 8px;
--theme: #fff; --theme: rgb(255, 255, 255);
--entry: #fff; --entry: rgb(255, 255, 255);
--primary: rgba(0, 0, 0, 0.88); --primary: rgb(30, 30, 30);
--secondary: rgba(0, 0, 0, 0.56); --secondary: rgb(108, 108, 108);
--tertiary: rgba(0, 0, 0, 0.16); --tertiary: rgb(214, 214, 214);
--content: rgba(0, 0, 0, 0.88); --content: rgb(31, 31, 31);
--hljs-bg: #1c1d21; --hljs-bg: rgb(28, 29, 33);
--code-bg: #f5f5f5; --code-bg: rgb(245, 245, 245);
--border: #eee; --border: rgb(238, 238, 238);
} }
.dark { .dark {
--theme: #1d1e20; --theme: rgb(29, 30, 32);
--entry: #2e2e33; --entry: rgb(46, 46, 51);
--primary: rgba(255, 255, 255, 0.84); --primary: rgb(218, 218, 219);
--secondary: rgba(255, 255, 255, 0.56); --secondary: rgb(155, 156, 157);
--tertiary: rgba(255, 255, 255, 0.16); --tertiary: rgb(65, 66, 68);
--content: rgba(255, 255, 255, 0.74); --content: rgb(196, 196, 197);
--hljs-bg: #2e2e33; --hljs-bg: rgb(46, 46, 51);
--code-bg: #37383e; --code-bg: rgb(55, 56, 62);
--border: #333; --border: rgb(51, 51, 51);
} }
.list { .list {

View File

@ -127,15 +127,15 @@
<style> <style>
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--theme: #1d1e20; --theme: rgb(29, 30, 32);
--entry: #2e2e33; --entry: rgb(46, 46, 51);
--primary: rgba(255, 255, 255, 0.84); --primary: rgb(218, 218, 219);
--secondary: rgba(255, 255, 255, 0.56); --secondary: rgb(155, 156, 157);
--tertiary: rgba(255, 255, 255, 0.16); --tertiary: rgb(65, 66, 68);
--content: rgba(255, 255, 255, 0.74); --content: rgb(196, 196, 197);
--hljs-bg: #2e2e33; --hljs-bg: rgb(46, 46, 51);
--code-bg: #37383e; --code-bg: rgb(55, 56, 62);
--border: #333; --border: rgb(51, 51, 51);
} }
.list { .list {