alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

💄 style: change colourscheme. improve cohesion and accesibility

Browse Source
This commit is contained in:
welpo 2023-02-13 02:53:11 +01:00
parent c6e5de7dee
commit b7da11222e
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
sass/main.scss
View File

@ -45,39 +45,35 @@
--bg-1: #e7e7e7; --bg-1: #e7e7e7;
--bg-2: #fefefe; --bg-2: #fefefe;
--hover-color: white; --hover-color: white;
--background-color: #fff; --background-color: #fcfcfc;
--primary-color: #9fca5b; --primary-color: #91D8E4;
--secondary-color: rgb(158, 158, 158); --secondary-color: rgb(158, 158, 158);
--links: #799351; --links: #78cfcb;
--text-color: #222226; --text-color: #222226;
--quote-color: #2c3536;
--border-color: rgb(114, 114, 114); --border-color: rgb(114, 114, 114);
--light-border-color: rgba(255, 255, 255, 0.1); --light-border-color: rgba(255, 255, 255, 0.1);
--input-back: #161616;
--input-color: #294797;
--input-back: rgb(158, 158, 158);
--input-color: #e0a615;
--meta-color: rgb(53, 53, 53); --meta-color: rgb(53, 53, 53);
--accent-color: #aacb73; --accent-color: #087E96;
--table-header-color: #91bf47; --table-header-color: #BFEAF5;
} }
[data-theme='dark'] { [data-theme='dark'] {
--bg-0: #2f2f2f; --bg-0: #2f2f2f;
--bg-1: rgba(133, 133, 133, 0.5); --bg-1: rgba(133, 133, 133, 0.5);
--bg-2: rgba(23, 23, 23, 100%); --bg-2: rgba(23, 23, 23, 100%);
--primary-color: #ef5350; --primary-color: #7cc4d1;
--hover-color: white; --hover-color: white;
--background-color: #1f1f1f; --background-color: #1f1f1f;
--secondary-color: #696969; --secondary-color: #696969;
--links: #d35d6e; --links: #8fdfe5;
--text-color: #e1e1e1; --text-color: #eae9e9;
--quote-color: #c8d9dc;
--code: #ef476f; --code: #ef476f;
--border-color: rgb(0, 0, 0); --border-color: rgb(0, 0, 0);
--light-border-color: rgba(255, 255, 255, 0.1); --light-border-color: rgba(255, 255, 255, 0.1);
--input-back: #4b4a4a;
--input-color: #294797;
--meta-color: rgb(198, 197, 197); --meta-color: rgb(198, 197, 197);
--accent-color: #ff9a8c; --accent-color: #91e0ee;
--table-header-color: #554994; --table-header-color: #b7e4e4;
.invertable-image { .invertable-image {
filter: invert(.88); filter: invert(.88);

4
sass/parts/_misc.scss
View File

@ -38,7 +38,7 @@ hr {
blockquote { blockquote {
border-left: 3px solid var(--border-color); border-left: 3px solid var(--border-color);
color: #8f8f8f; color: var(--quote-color);
margin: 0; margin: 0;
padding-left: 1em; padding-left: 1em;
} }
@ -78,7 +78,7 @@ table {
table thead tr { table thead tr {
background-color: var(--table-header-color); background-color: var(--table-header-color);
color: white; color: #1f1f1f;
text-align: left; text-align: left;
} }