use css vars for color

This commit is contained in:
Djeeberjr 2022-05-11 20:06:19 +02:00
parent d4dbea8ea8
commit 739d58d5ba
3 changed files with 12 additions and 6 deletions

View File

@ -45,8 +45,7 @@
main {
display: flex;
justify-content: center;
margin-top: 5rem;
padding-top: 5rem;
}
</style>

View File

@ -1,5 +1,12 @@
*{
--color-primary: #1f6feb;
--color-secondary: #58a6ff;
--color-bg: #0d1117;
}
body {
background-color: #0d1117;
background-color: var(--color-bg);
font-family: sans-serif;
}

View File

@ -37,15 +37,15 @@
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1rem;
color: #58a6ff;
border-bottom: solid 1px #1f6feb;
color: var(--color-secondary);
border-bottom: solid 1px var(--color-primary);
padding: 1rem;
}
.container{
border-width: 2px;
border-color: #1f6feb;
border-color: var(--color-primary);
border-style: solid;
border-radius: 5px;
min-width: 50rem;