max/nodarium
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add theming support

Browse Source
This commit is contained in:
max_richter
2024-04-19 01:27:11 +02:00
parent a15a54c61e
commit d8ada83db3
27 changed files with 569 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/lib/elements/Float.svelte
View File

@@ -120,12 +120,11 @@
<style>
.component-wrapper {
position: relative;
background-color: var(--background-color-lighter, #4b4b4b);
background-color: var(--layer-2, #4b4b4b);
border-radius: 2px;
user-select: none;
transition: box-shadow 0.3s ease;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
outline: none !important;
outline: solid 1px var(--outline);
overflow: hidden;
border-radius: var(--border-radius, 2px);
}

8
packages/ui/src/lib/elements/Integer.svelte
View File

@@ -109,12 +109,11 @@
.component-wrapper {
position: relative;
display: flex;
background-color: var(--background-color-lighter, #4b4b4b);
background-color: var(--layer-2, #4b4b4b);
border-radius: 2px;
user-select: none;
transition: box-shadow 0.3s ease;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
outline: none !important;
outline: solid 1px var(--outline);
overflow: hidden;
border-radius: var(--border-radius, 2px);
}
@@ -141,7 +140,7 @@
top: 0px;
left: 0px;
height: 100%;
background-color: var(--text-color);
background-color: var(--layer-3);
opacity: 0.3;
pointer-events: none;
}
@@ -166,4 +165,3 @@
border-style: none;
}
</style>

3
packages/ui/src/lib/elements/Select.svelte
View File

@@ -12,9 +12,10 @@
<style>
select {
background: var(--background-color-lighter);
background: var(--layer-2);
color: var(--text-color);
font-family: var(--font-family);
outline: solid 1px var(--outline);
padding: 0.8em 1em;
border-radius: 5px;
border: none;