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

💄 style: simplify colourscheme

Browse Source 
Improves accessibility and cohesion.
This commit is contained in:
welpo 2023-03-07 01:39:46 +01:00
parent 77298d82b0
commit ba19524254
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
5 changed files with 17 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
sass/main.scss
View File

@ -55,34 +55,28 @@
--bg-1: #e7e7e7; --bg-1: #e7e7e7;
--bg-2: #fefefe; --bg-2: #fefefe;
--hover-color: white; --hover-color: white;
--primary-color: #91D8E4; --primary-color: #087E96;
--secondary-color: #d7d7d7; --divider-color: #d7d7d7;
--links: #78cfcb;
--text-color: #222226; --text-color: #222226;
--text-color-2: #45454b;
--text-color-high-contrast: #151516; --text-color-high-contrast: #151516;
--quote-color: #355f62; --quote-color: #355f62;
--border-color: rgb(114, 114, 114); --border-color: #727272;
--meta-color: #757575; --meta-color: #5b5b65;
--accent-color: #087E96;
--table-header-color: #BFEAF5; --table-header-color: #BFEAF5;
} }
[data-theme='dark'] { [data-theme='dark'] {
--background-color: #1f1f1f; --background-color: #1f1f1f;
--bg-0: #2f2f2f; --bg-0: #2f2f2f;
--bg-1: rgba(133, 133, 133, 0.5); --bg-1: #858585;
--bg-2: rgba(23, 23, 23, 100%); --bg-2: #171717;
--hover-color: black; --hover-color: black;
--primary-color: #7cc4d1; --primary-color: #91e0ee;
--secondary-color: #4a4a4a; --divider-color: #4a4a4a;
--links: #8fdfe5;
--text-color: #eae9e9; --text-color: #eae9e9;
--text-color-2: #c7c7c7;
--text-color-high-contrast: #f8f8f8; --text-color-high-contrast: #f8f8f8;
--quote-color: #a9c5c7; --quote-color: #a9c5c7;
--border-color: rgb(0, 0, 0); --border-color: black;
--meta-color: #BBBBBB; --meta-color: #BBBBBB;
--accent-color: #91e0ee;
--table-header-color: #b7e4e4; --table-header-color: #b7e4e4;
.invertible-image { .invertible-image {

2
sass/parts/_header.scss
View File

@ -64,7 +64,7 @@ header {
padding: 0.12rem; padding: 0.12rem;
margin-left: -0.12rem; margin-left: -0.12rem;
border: none; border: none;
color: var(--accent-color); color: var(--primary-color);
text-decoration: none; text-decoration: none;
} }

2
sass/parts/_home-banner.scss
View File

@ -18,7 +18,7 @@
margin-bottom: 30px; margin-bottom: 30px;
font-size: 1.875rem; font-size: 1.875rem;
line-height: 3rem; line-height: 3rem;
color: var(--accent-color); color: var(--primary-color);
} }
.home-banner-header { .home-banner-header {

2
sass/parts/_image.scss
View File

@ -9,7 +9,7 @@ figure {
figcaption { figcaption {
font-family: var(--serif-font); font-family: var(--serif-font);
font-size: 0.72rem; font-size: 0.72rem;
color: var(--text-color-2); color: var(--meta-color);
text-align: center; text-align: center;
} }

14
sass/parts/_misc.scss
View File

@ -1,7 +1,3 @@
.primary-color {
color: var(--primary-color);
}
.draft-label { .draft-label {
color: var(--hover-color); color: var(--hover-color);
text-decoration: none; text-decoration: none;
@ -68,7 +64,7 @@ ul {
} }
.bottom-divider { .bottom-divider {
border-bottom: var(--secondary-color) solid 0.5px; border-bottom: var(--divider-color) solid 0.5px;
} }
::-moz-selection { ::-moz-selection {
@ -97,21 +93,21 @@ hr {
} }
blockquote { blockquote {
border-left: 0.2rem solid var(--accent-color); border-left: 0.2rem solid var(--primary-color);
color: var(--quote-color); color: var(--quote-color);
margin: 0; margin: 0;
padding-left: 1em; padding-left: 1em;
} }
a { a {
color: var(--accent-color); color: var(--primary-color);
text-decoration: inherit; text-decoration: inherit;
font-weight: inherit; font-weight: inherit;
position: relative; position: relative;
} }
a:hover { a:hover {
background-color: var(--accent-color); background-color: var(--primary-color);
color: var(--hover-color); color: var(--hover-color);
} }
@ -123,7 +119,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
left: -0.15em; left: -0.15em;
right: -0.15em; right: -0.15em;
z-index: -1; z-index: -1;
background-color: var(--accent-color); background-color: var(--primary-color);
opacity: 0; opacity: 0;
} }