luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Adapted themings to allow for light and dark

Browse Source
This commit is contained in:
Luke Else
2023-10-26 10:24:30 +01:00
parent e0ea53a9d3
commit 2e07de0e71
7 changed files with 64 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/Card.svelte
View File

@ -16,13 +16,13 @@
flex-wrap: wrap;
flex: 2 1 15em;
padding: .5em 2.5em 2em 2.5em;
background: var(--bg-grad);
background: var(--bg-secondary);
border-radius: .5em;
scroll-snap-align: start;
transition: all 0.2s;
}
.card:hover {
box-shadow: .5em .5em .5em var(--cyan);
box-shadow: .5em .5em .5em var(--hover);
}
.card .card-header :global(div) {

2
src/lib/components/Modal.svelte
View File

@ -36,7 +36,7 @@
border-right: 2em;
background: var(--bg);
color: var(--fg);
box-shadow: .5em .5em .5em var(--red);
box-shadow: .5em .5em .5em var(--header);
}
dialog::backdrop {
background: rgba(0, 0, 0, 0.7);