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;
}
.answerButton,
.answerButton:hover,
.answerButton:focus {
border-width: 1px;
}
.answerIncorrect,
.answerIncorrect:hover,
.answerIncorrect:focus {
border-color: #e01b24;
border-color: color(border-answerIncorrect);
}
.answerCorrect,
.answerCorrect:hover,
.answerCorrect:focus {
border-color: #2ec27e;
border-color: color(border-answerCorrect);
}
.hitem {

View file

@ -178,6 +178,20 @@ $vars: (
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: (
bg: (