ash/optimle
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

custom CSS

Browse source
This commit is contained in:
ashastral 2022-02-28 18:34:09 -08:00
parent e0e2f3b2ef
commit 14579bedd7
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
web-optimle/www/src/App.css
View file

@ -18,7 +18,7 @@ code {
body { body {
text-align: center; text-align: center;
background-color: #eeeeee; background-color: hsl(190, 50%, 95%);
} }
.Row { .Row {
@ -29,7 +29,7 @@ body {
.Row-letter { .Row-letter {
margin: 2px; margin: 2px;
border: 2px solid rgba(128, 128, 128, 0.8); border: 2px solid hsla(190, 50%, 40%, 0.8);
flex: 1; flex: 1;
max-width: 40px; max-width: 40px;
height: 40px; height: 40px;
@ -42,7 +42,7 @@ body {
} }
.Row-letter-color { .Row-letter-color {
margin: 2px; margin: 2px;
border: 2px solid rgba(128, 128, 128, 0.8); border: 2px solid hsla(190, 50%, 40%, 0.8);
flex: 1; flex: 1;
max-width: 40px; max-width: 40px;
height: 40px; height: 40px;
@ -112,7 +112,7 @@ table.Game-rows > tbody {
.Game-keyboard-button { .Game-keyboard-button {
margin: 2px; margin: 2px;
background-color: #cdcdcd; background-color: hsl(190, 25%, 80%);
padding: 2px; padding: 2px;
text-transform: capitalize; text-transform: capitalize;
border-radius: 4px; border-radius: 4px;
@ -151,27 +151,27 @@ table.Game-rows > tbody {
.letter-absent { .letter-absent {
border: 2px solid transparent; border: 2px solid transparent;
background-color: rgb(162, 162, 162); background-color: hsla(190, 12.5%, 50%, 0.6);
color: white !important; color: white !important;
} }
body.dark { body.dark {
background-color: #404040; background-color: #0b3644;
color: #e0e0e0; color: hsl(190, 50%, 90%);
color-scheme: dark; color-scheme: dark;
} }
body.dark .Game-keyboard-button { body.dark .Game-keyboard-button {
color: #404040; color: hsl(190, 25%, 20%);
} }
a, a,
a:visited { a:visited {
color: #8080ff; color: hsl(190, 100%, 40%);
} }
a:active { a:active {
color: #cc77ff; color: hsl(190, 100%, 50%);
} }
.Game-options { .Game-options {