rottenwheel/revuo-weekly
1
0
Fork 0
mirror of https://github.com/rottenwheel/revuo-weekly.git synced 2024-11-10 13:13:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4 from intr-cx/master

Browse Source 
Fix dark theme discrepancies
This commit is contained in:
rottenstonks 2022-03-31 09:28:45 -05:00 committed by GitHub
commit 664a921c3a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_sass/custom.scss
View File

@ -16,7 +16,7 @@ p.note {
} }
.bcstats p:nth-child(even) { .bcstats p:nth-child(even) {
background-color: #f6f6f6; background-color: var(--blog-bg-color-secondary);
} }
$breakpoint-alpha: 480px; // adjust to your needs $breakpoint-alpha: 480px; // adjust to your needs
@ -38,10 +38,10 @@ p.table-title {
overflow: hidden; overflow: hidden;
border-spacing: 0; border-spacing: 0;
@media (min-width: $breakpoint-alpha) { @media (min-width: $breakpoint-alpha) {
background-color: #f0f0f0; background-color: var(--block-bg-color);
color: #45494f; color: #45494f;
tr.row3 { tr.row3 {
background-color: #f6f6f6; background-color: var(--blog-bg-color-secondary);
} }
} }
@ -53,7 +53,7 @@ p.table-title {
tr.row1 { tr.row1 {
background-color: #45494f; background-color: var(--block-bg-color-heading);
} }
th { th {
@ -232,7 +232,7 @@ img#veracrypt {
p.address { p.address {
background-color: var(--block-bg-color); background-color: var(--block-bg-color);
color: #45494f; color: var(--primary-color);
font-weight: bold; font-weight: bold;
word-wrap: break-word; word-wrap: break-word;
padding: 1.5rem; padding: 1.5rem;

6
css/main.scss
View File

@ -39,10 +39,12 @@
:root { :root {
--primary-color: #888888; --primary-color: #888888;
--secondary-color: #666666; --secondary-color: #666666;
--font-color: #999999; --font-color: #cecece;
--bg-color: #0f0f0f; --bg-color: #0f0f0f;
--heading-color: #454545; --heading-color: #454545;
--block-bg-color: #2f3234; --block-bg-color: #2f3234;
--block-bg-color-secondary: #444444;
--block-bg-color-heading: #333333;
} }
[data-theme="dark"] { [data-theme="dark"] {
@ -52,6 +54,8 @@
--bg-color: #f0f0f0; --bg-color: #f0f0f0;
--heading-color: #666666; --heading-color: #666666;
--block-bg-color: #d7d7d7; --block-bg-color: #d7d7d7;
--block-bg-color-secondary: #c0c0c0;
--block-bg-color-heading: #a5a5a5;
} }
body { body {