blek
/
wordle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak input element colors

This commit is contained in:
blek 2023-09-06 21:24:53 +10:00
parent 3abe11c218
commit 2bc6569856
Signed by: blek
GPG Key ID: 14546221E3595D0C
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/InputElement.svelte
View File

@ -36,9 +36,11 @@
} }
.input-status-input { .input-status-input {
background: #8284a220; background: #8284a220;
border-color: #8284a220;
} }
.input-status-standby { .input-status-standby {
background: transparent; background: transparent;
border-color: transparent;
} }
.input-status-yellow { .input-status-yellow {
background: #f3c237; background: #f3c237;
@ -50,22 +52,19 @@
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
.wordle-input-element { .wordle-input-element {
border-color: #919191;
color: white color: white
} }
.input-status-input { .input-status-input {
background: #f1f6f6; background: #f1f6f6;
color: black; color: black;
border-color: #c1c1c1; border-color: #e6efef;
} }
.input-status-standby { .input-status-standby {
background: #919191; background: #919191;
} }
.input-status-unfit { .input-status-unfit {
background: #b2b4c2; background: #b2b4c2;
} border-color: #b2b4c2 !important;
.input-status-green, .input-status-yellow, .input-status-unfit {
border-color: #a1a1a1;
} }
} }
</style> </style>