Changes colors slightly #3

Merged
snoopy merged 1 commit from change-color-of-buttons into main 2024-05-01 01:10:06 +02:00
2 changed files with 15 additions and 11 deletions
Showing only changes of commit 9935c0562b - Show all commits

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

View file

@ -4,7 +4,7 @@ body {
} }
h1, h1 a { h1, h1 a {
color: #fcbb06; /* C4 Yellow */ color: #dfaa37; /* C4 Yellow */
} }
.result { .result {
@ -14,12 +14,12 @@ h1, h1 a {
.result:focus { .result:focus {
background-color: #202020; background-color: #202020;
border-color: #fcbb06; border-color: #dfaa37;
outline-color: #fcbb06; outline-color: #dfaa37;
} }
.result a { .result a {
color: #fcbb06; color: #dfaa37;
} }
.note { .note {
@ -27,13 +27,17 @@ h1, h1 a {
font-size: smaller; font-size: smaller;
} }
.btn {
box-shadow: 0 3px 6px -1px rgba(0,0,0,0.3);
}
.btn.primary { .btn.primary {
color: #220; color: #220;
background-color: #fcbb06; background-color: #dfaa37;
} }
.btn.primary:hover,.btn.primary:focus { .btn.primary:hover,.btn.primary:focus {
background-color: #ffcc33; background-color: #f5c251;
} }
.btn.grn { .btn.grn {
@ -48,11 +52,11 @@ h1, h1 a {
.btn.red { .btn.red {
color: #200; color: #200;
background-color: #f48; background-color: #ec6d5f;
} }
.btn.red:hover, .btn.red:focus { .btn.red:hover, .btn.red:focus {
background-color: #f03; background-color: #ff7667;
} }
@keyframes blinker { @keyframes blinker {
@ -63,8 +67,8 @@ h1, h1 a {
} }
#mapgrid { #mapgrid {
outline: 2px solid #fcbb06; outline: 2px solid #dfaa37;
background: #fcbb0680; background: #dfaa3780;
animation: blinker 1s infinite; animation: blinker 1s infinite;
} }