Add support for light themes

This commit is contained in:
2022-01-17 17:40:03 +01:00
parent 2e1315432a
commit 118a5db158
78 changed files with 328 additions and 260 deletions

View File

@@ -161,8 +161,11 @@ const example = () => {
<button class:button_highlight={style==="canta"} on:click={() => {set_style("canta")}}>
Canta
</button>
<button class:button_highlight={style==="arc"} on:click={() => {set_style("arc")}}>
Arc
<button class:button_highlight={style==="nord"} on:click={() => {set_style("nord")}}>
Nord
</button>
<button class:button_highlight={style==="snowstorm"} on:click={() => {set_style("snowstorm")}}>
Snowstorm
</button>
<button class:button_highlight={style==="deepsea"} on:click={() => {set_style("deepsea")}}>
Deep sea

View File

@@ -201,7 +201,7 @@ const drop = (e, index) => {
text-align: left;
}
.icon_container.editing {
box-shadow: inset 0 60px 40px -40px #000000;
box-shadow: inset 0 60px 40px -40px var(--shadow_color);
}
.icon_container > i:hover {
color: var(--highlight_color);