Update color vars to new var names
This commit is contained in:
parent
72495a63be
commit
d49c725215
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
|
||||||
}
|
}
|
||||||
*/
|
*/
|
Loading…
Reference in New Issue
Block a user