vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

Tweaked the visuals a bit.

Browse source
This commit is contained in:
Vrifox 2021-08-27 19:04:04 +02:00
parent 27a43fc4d7
commit f6d7fb6827
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
assets/style.scss
View file

@ -1,14 +1,16 @@
:root {
--background: rgb(20, 40, 60);
--border: rgb(40, 60, 80);
--text: rgb(255, 255, 255);
--background: rgb(30, 40, 50);
--border: rgb(50, 60, 70);
--text: rgb(235, 245, 255);
--text-2: rgb(165, 175, 185);
--vrifox-red: rgb(255, 130, 130);
}
@media (prefers-color-scheme: light) {
:root {
--background: rgb(255, 255, 255);
--border: rgb(215, 215, 215);
--text: rgb(0, 0, 0);
--background: rgb(255, 245, 235);
--border: rgb(225, 215, 205);
--text: rgb(50, 40, 30);
--text-2: rgb(90, 80, 70);
}
}
@ -66,7 +68,7 @@ p img {
}
hr {
border-color: var(--border);
border: 1px solid var(--border);
color: var(--border);
margin: 60px 0;
}
@ -79,12 +81,11 @@ header, footer {
display: flex;
margin: 0 auto;
max-width: 1140px;
min-height: 64px;
overflow: scroll;
overflow: auto;
white-space: nowrap;
width: 100%;
a {
color: var(--text);
color: var(--text-2);
padding: 17.6px 15px;
text-decoration-color: var(--background);
text-decoration-thickness: 2px !important;
@ -99,6 +100,9 @@ header {
display: flex;
font-size: 1em;
margin: 0;
a {
color: var(--vrifox-red);
}
}
nav {
display: flex;
@ -109,8 +113,8 @@ header {
}
footer {
border-top: 1px solid var(--border);
color: var(--text);
a { color: var(--text); }
color: var(--text-2);
a { color: var(--text-2); }
span {
padding: 17.6px 30px;
margin-right: auto;