use css vars for color
This commit is contained in:
parent
d4dbea8ea8
commit
739d58d5ba
@ -45,8 +45,7 @@
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 5rem;
|
||||
|
||||
padding-top: 5rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user