From d4a49b993856b6eab3abf69213106819a8ea7718 Mon Sep 17 00:00:00 2001 From: Vins Date: Mon, 29 Jul 2024 18:03:41 +0200 Subject: [PATCH] Fixed checkbox color --- .../DesignSystem/CheckBox/classes.module.scss | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/front/Components/DesignSystem/CheckBox/classes.module.scss b/src/front/Components/DesignSystem/CheckBox/classes.module.scss index 131432bb..61e2be11 100644 --- a/src/front/Components/DesignSystem/CheckBox/classes.module.scss +++ b/src/front/Components/DesignSystem/CheckBox/classes.module.scss @@ -29,9 +29,11 @@ &.disabled { opacity: var(--opacity-disabled, 0.3); + cursor: not-allowed; } input[type="checkbox"] { + accent-color: var(--select-option-selected-default-background); cursor: pointer; display: flex; width: 20px; @@ -45,21 +47,18 @@ border-radius: var(--radius-xs, 2px); border: 2px solid var(--select-option-unselected-default-border, #6d7e8a); - &:checked { - background-image: url("../../../Assets/Icons/burger.svg"); - } - &:hover { - border: 2px solid var(--select-option-unselected-default-border, #6d7e8a); + border: 2px solid var(--select-option-unselected-pressed-border, #3e474e); + accent-color: var(--select-option-selected-hovered-background); } &:active { border: 2px solid var(--select-option-unselected-pressed-border, #3e474e); + accent-color: var(--select-option-selected-pressed-background); } &:disabled { cursor: not-allowed; - border: 2px solid var(--select-option-unselected-default-border, #6d7e8a); } }