OwlBoard/owlboard-svelte
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update color vars in Svelte components - BUT NOT PAGES

Browse Source
This commit is contained in:
Fred Boniface
2023-10-06 12:31:17 +01:00
parent e2cefdda08
commit 72495a63be
15 changed files with 46 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/islands/input-island-form.svelte
View File

@@ -39,7 +39,7 @@
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 16px;
font-weight: 400;
background-color: var(--main-bg-color);
color: var(--link-color);
background-color: var(--island-button-color);
color: var(--island-link-color);
}
</style>

4
src/lib/islands/island.svelte
View File

@@ -14,7 +14,7 @@
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 600;
font-size: 20px;
color: var(--main-text-color);
color: var(--island-header-color);
}
div {
width: 85%;
@@ -22,7 +22,7 @@
margin: auto;
margin-top: 25px;
padding: 10px;
background-color: var(--overlay-color);
background-color: var(--island-bg-color);
border-radius: 10px;
box-shadow: 2px 2px 30px rgba(0,0,0,0.19);
}

4
src/lib/islands/overlay-island.svelte
View File

@@ -12,7 +12,7 @@
<style>
span {
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: var(--main-text-color);
color: var(--island-header-color);
font-weight: 600;
font-size: 20px;
}
@@ -29,7 +29,7 @@
margin: auto;
margin-top: 25px;
padding: 10px;
background-color: var(--overlay-color);
background-color: var(--overlay-island-bg-color);
border-radius: 10px;
z-index: 1000;
}

4
src/lib/islands/quick-link-island.svelte
View File

@@ -47,7 +47,7 @@
font-size: 16px;
font-weight: 400;
text-decoration: none;
background-color: var(--main-bg-color);
color: var(--link-color);
background-color: var(--island-button-color);
color: var(--island-link-color);
}
</style>

4
src/lib/islands/quick-link-set-island.svelte
View File

@@ -109,7 +109,7 @@
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 16px;
font-weight: 400;
background-color: var(--main-bg-color);
color: var(--link-color);
background-color: var(--island-button-color);
color: var(--island-link-color);
}
</style>

2
src/lib/islands/result-island.svelte
View File

@@ -26,6 +26,6 @@
<style>
p {
color: white;
color: var(--island-text-color);
}
</style>