diff --git a/index.html b/index.html
index 28d66a86..e2c4e7a6 100644
--- a/index.html
+++ b/index.html
@@ -517,12 +517,10 @@
/*Color Palette*/
:root {
/*Regular*/
- --color-hover-grid: #0b6b00;
- --color-border-selection-grid: #0f820040;
--color-gray: #00000077;
--color-gray-darker: #000000aa;
--color-border-main: #073c00;
- --color-input: #073c00;
+ --color-select: #0b6b00;
}
/*Page-wide styling*/
@@ -580,19 +578,17 @@ body {
font-family: belerenbsc;
cursor: pointer;
padding: 3px;
- border: 1px solid var(--color-border-selection-grid);
+ border: 1px solid var(--color-border-main);
background-color: var(--color-gray);
-webkit-transition: 0.3333s;
transition: 0.3333s;
}
.selectionGrid > div:hover {
- border: 4px solid var(--color-hover-grid);
- /*background-color: var(--color-border-selection-grid);*/
+ border: 4px solid var(--color-select);
padding: 0px;
}
.selectionGridTarget {
padding: 24px;
- /*border: 4px solid var(--color-border-selection-grid);*/
}
.cmm, .extras {
display: none;
@@ -618,7 +614,7 @@ body {
border-radius: 0.25em;
padding-left: 0.25em;
width: inherit;
- background-color: var(--color-input);
+ background-color: var(--color-border-main);
border: none;
cursor: pointer;
-moz-appearance: none;
@@ -646,7 +642,7 @@ body {
display: inline-block;
width: calc(1.2em - 6px);
height: calc(1.2em - 6px);
- border: 3px solid var(--color-input);
+ border: 3px solid var(--color-border-main);
border-radius: 0.25em;
position: absolute;
top: 0px;
@@ -656,7 +652,7 @@ body {
transition: 0.5s;
}
.checkbox input:checked ~ label {
- background: var(--color-hover-grid);
+ background: var(--color-select);
}
.checkbox > input {
opacity: 0;
@@ -671,7 +667,7 @@ body {
input[type="text"], input[type="number"], textarea, input[type="file"] {
width: 100%;
border: none;
- background: var(--color-input);
+ background: var(--color-border-main);
border-radius: 0.25em;
padding-left: 0.25em;
}
@@ -679,7 +675,7 @@ input[type="text"], input[type="number"], textarea, input[type="file"] {
input[type="color"] {
padding: 0px;
border: none;
- background: var(--color-input);
+ background: var(--color-border-main);
}
/*Hyperlinks*/
@@ -788,7 +784,7 @@ header, .info {
.symbolGrid > div {
border: 4px solid var(--color-border-main);
border-radius: 36px;
- background-color: var(--color-border-selection-grid);
+ background-color: var(--color-border-main);
}
/*Sitewide text (bottom of the page)*/