Add blue color scheme

This commit is contained in:
Fred Boniface 2023-10-05 21:20:14 +01:00
parent 468a586d28
commit 5d31080354
9 changed files with 33 additions and 25 deletions

View File

@ -25,6 +25,6 @@
<style>
.message {
color: var(--light-text-color);
color: var(--island-txt-color);
}
</style>

View File

@ -27,6 +27,6 @@
<style>
.message {
color: var(--light-text-color);
color: var(--island-txt-color);
}
</style>

View File

@ -24,7 +24,7 @@
<style>
a {
text-decoration: none;
color: var(--second-bg-color);
color: var(--island-txt-color);
}
.tag-container {

View File

@ -16,6 +16,6 @@
<style>
a {
text-decoration: none;
color: var(--second-bg-color);
color: var(--island-txt-color);
}
</style>

View File

@ -34,7 +34,7 @@
<style>
.message {
color: var(--second-bg-color);
color: var(--island-txt-color);
}
.tag-box {

View File

@ -1,16 +1,4 @@
/*:root {
--main-bg-color: lightslategrey;
--accent-color: rgb(234, 255, 97);
--accent-rollover: yellow;
--overlay-color: #2f4f4fb8;
--main-text-color: azure;
--light-text-color: azure;
--dark-text-color: rgb(56, 56, 7);
--link-color: cyan;
--link-visited-color: rgb(189, 0, 189);
}*/
/* Color Scheme: Brown *//*
:root {
--accent-bg-color: #271c19;
--accent-heading-color: #fffffe;
@ -21,13 +9,33 @@
--second-txt-color: #fff3ec;
--second-link-color: #9656a1;
--main-bg-color: #fff3ec;
--main-heading-color: #271c19; /* NEEDS TO BE DARKER */
--main-txt-color: #271c19; /* NEEDS TO BE DARKER */
--main-heading-color: #271c19;
--main-txt-color: #271c19;
--main-link-color: #9656a1;
--island-bg-color: #ffc0ad;
--island-heading-color: #271c19;
--island-txt-color: #271c19;
--island-link-color: #9656a1;
}*/
/* Color Scheme: Blue */ /* Much nicer than the brown */
:root {
--accent-bg-color: #232946;
--accent-heading-color: #fffffe;
--accent-txt-color: #b8c1ec;
--accent-link-color: #9656a1;
--second-bg-color: #232946;
--second-heading-color: #fffffe;
--second-txt-color: #b8c1ec;
--second-link-color: #9656a1;
--main-bg-color: #d4d8f0;
--main-heading-color: #232946; /* NEEDS TO BE DARKER */
--main-txt-color: #232946; /* NEEDS TO BE DARKER */
--main-link-color: #eebbc3;
--island-bg-color: #fffffe;
--island-heading-color: #232946;
--island-txt-color: #232946;
--island-link-color: #b8c1ec;
}
@font-face {

View File

@ -21,7 +21,7 @@
text-align: center;
background-color: var(--second-bg-color);
box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
color: var(--second-txt-color);
color: var(--second-heading-color);
}
h1 {

View File

@ -45,7 +45,7 @@
nav a {
float: left;
display: block;
color: var(--second-txt-color);
color: var(--second-heading-color);
text-align: center;
padding: 10px 15px;
margin-right: 1px;
@ -57,7 +57,7 @@
nav a:hover {
background-color: var(--main-bg-color);
color: var(--light-text-color);
color: var(--main-heading-color);
}
nav a:active {

View File

@ -9,10 +9,10 @@
<style>
.tag-link {
text-decoration: none;
color: var(--second-txt-color);
color: var(--island-txt-color);
padding: 3px 5px 3px 5px;
margin: 10px;
background-color: var(--main-link-color);
background-color: var(--island-link-color);
border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
}