niklas/s3-share
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use css vars for color

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/App.svelte
View File

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

9
web/index.css
View File

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

6
web/opener/Text.svelte
View File

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