CHANGE: Reuse existing color palette

This commit is contained in:
GithubAnon0000 2025-09-30 01:44:39 +02:00
parent 4debb0ddfc
commit 28d3b46d35
2 changed files with 16 additions and 8 deletions

View file

@ -39,22 +39,16 @@ button {
border-style: dashed; border-style: dashed;
} }
.answerButton,
.answerButton:hover,
.answerButton:focus {
border-width: 1px;
}
.answerIncorrect, .answerIncorrect,
.answerIncorrect:hover, .answerIncorrect:hover,
.answerIncorrect:focus { .answerIncorrect:focus {
border-color: #e01b24; border-color: color(border-answerIncorrect);
} }
.answerCorrect, .answerCorrect,
.answerCorrect:hover, .answerCorrect:hover,
.answerCorrect:focus { .answerCorrect:focus {
border-color: #2ec27e; border-color: color(border-answerCorrect);
} }
.hitem { .hitem {

View file

@ -178,6 +178,20 @@ $vars: (
dark: palette(blue, 5), dark: palette(blue, 5),
), ),
), ),
answerCorrect: (
"Border color of answer buttons that show the answer was correct (hard, good, easy)",
(
light: palette(green, 5),
dark: palette(green, 5),
)
),
answerIncorrect: (
"Border color of the answer button that shows that the answer was incorrect (again)",
(
light: palette(red, 5),
dark: palette(red, 5),
)
),
), ),
button: ( button: (
bg: ( bg: (