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