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