kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-07-23 19:37:37 +02:00
Code Issues Projects Releases Wiki Activity

Switch to new color system

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-02-06 14:42:44 +00:00 • committed by GitHub
parent 2b5ce06ca0
commit 41920ccc5b
9 changed files with 159 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/layouts/default.scss
View file

@ -4,6 +4,10 @@
@include EncodeSans.fontFaceVariable($type: "wghtOnly");
:root {
@include vars;
}
* {
box-sizing: border-box;
@ -23,25 +27,22 @@ html,
min-height: 100vh;
font-family: $mainFont;
scroll-behavior: smooth;
background: var(--color-background);
color: var(--color-text);
}
#gatsby-focus-wrapper {
background: $background;
color: $textColor;
background: var(--color-background);
color: var(--color-text);
display: flex;
flex-direction: column;
transition: background-color 0.25s, color 0.25s;
@media (prefers-color-scheme: light) {
background: $lightBackground;
color: $lightTextColor;
}
}
footer {
background: darken($background, 1);
background: var(--color-background-secondary);
width: 100%;
color: white;
color: var(--color-text);
padding: 5px;
text-align: center;
transition: background-color 0.25s, color 0.25s;
@ -75,7 +76,7 @@ section > article,
article {
a {
color: $accentColor;
color: var(--color-accent);
text-decoration: underline dotted currentColor;
text-decoration-skip: none;
}
@ -84,11 +85,7 @@ article {
h1 {
font-size: 2em;
color: $accentColor;
color: var(--color-accent);
text-shadow: $textShadowAccent;
@media (prefers-color-scheme: light) {
text-shadow: $textShadowAccentLight;
}
}