add a bunch of frontend stuff

This commit is contained in:
sam 2023-09-03 04:11:56 +02:00
parent 2586161abd
commit bc85b7c340
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
30 changed files with 1459 additions and 136 deletions

View file

@ -0,0 +1,19 @@
:root {
--dark-background: #2B303A;
--light-background: #F5F5F5;
--dark-text: #FFFFFF;
--light-text: #000000;
--dark-primary: #087E8B;
--light-primary: #67AEB5;
--dark-secondary: #7C7F85;
--light-secondary: #A4A6AA;
--dark-danger: #D64933;
--light-danger: #FF5A5F;
--dark-success: #4DA167;
--light-success: #77B68B;
}

26
assets/scss/style.scss Normal file
View file

@ -0,0 +1,26 @@
@use "node_modules/normalize.css/normalize";
@use "_variables";
body {
font-family: sans-serif;
background-color: var(--light-background);
color: var(--light-text);
&:dark {
background-color: var(--dark-background);
color: var(--dark-text);
}
}
.auth {
width: 100%;
@media (min-width: 640px) {
max-width: 520px;
}
margin: 1rem auto;
p {
display: flex;
flex-direction: column;
}
}