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)*/