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

Update color vars to new var names

This commit is contained in:
Fred Boniface 2023-10-06 12:47:18 +01:00
parent 72495a63be
commit d49c725215
4 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/main.css
View File

@ -42,7 +42,7 @@ html {
body { body {
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color)); background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color));
color: var(--second-text-color); color: var(--main-text-color);
font-family: urwgothic, sans-serif; font-family: urwgothic, sans-serif;
text-align: center; text-align: center;
margin: auto; margin: auto;
@ -50,7 +50,7 @@ body {
padding-bottom: 65px; padding-bottom: 65px;
} }
a { a {
color: var(--link-color); color: var(--main-link-color);
} }
button:hover { button:hover {
cursor: pointer; cursor: pointer;

4
src/lib/navigation/nav-ldb.svelte
View File

@ -36,13 +36,13 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 50px; height: 50px;
background-color: var(--island-overlay-bg-color); background-color: var(--island-bg-solid);
} }
.footerLink { .footerLink {
width: 30%; width: 30%;
height: 100%; height: 100%;
background-color: var(--island-overlay-bg-color); background-color: var(--island-bg-solid);
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-top: none; border-top: none;

2
src/lib/navigation/nav.svelte
View File

@ -45,7 +45,7 @@
flex: 12; flex: 12;
width: 30%; width: 30%;
height: 100%; height: 100%;
background-color: var(--overlay-island-bg-color); background-color: var(--island-bg-solid);
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-top: none; border-top: none;

18
src/lib/themes.css
View File

@ -21,6 +21,9 @@
:root { :root {
--main-bg-color: #404c55; --main-bg-color: #404c55;
--second-bg-color: #2b343c; --second-bg-color: #2b343c;
--main-header-color: ;
--main-text-color: ;
--main-link-color: ;
--island-bg-color: ; --island-bg-color: ;
--island-bg-solid: ; --island-bg-solid: ;
--island-button-color: ; --island-button-color: ;
@ -34,19 +37,6 @@
/* /*
Christmas Theme Christmas Theme
{ {
--main-bg-color: #404c55;
--second-bg-color: #2b343c;
--accent-color: #007979;
--island-color: #3c6f79de;
--main-heading-color: #00b7b7;
--main-text-color: #0afdfd;
--note-text-color: #9de7ff;
--link-color: azure;
--box-border-color: rgba(0,0,0,0.19);
--link-visited-color: azure;
--main-alert-color: #ed6d00;
--second-alert-color: #e77f00;
--main-warning-color: orange;
--board-name-color: #fcfc09;
} }
*/ */