Fix checkboxes in form

This commit is contained in:
Michael
2025-08-07 12:49:14 +09:00
parent 93dd46c225
commit 439079eee8
4 changed files with 29 additions and 7 deletions

View File

@ -241,9 +241,16 @@ input[type="checkbox"] {
.v-application.#{$theme}-mode {
.ant-checkbox-wrapper {
.ant-checkbox {
.ant-checkbox-inner {
background-color: map-deep-get($config, #{$theme}, "ant-checkbox-bg"); // background for unchecked checkbox
border-color: map-deep-get($config, #{$theme}, "ant-checkbox-border");
}
}
.ant-checkbox-checked {
.ant-checkbox-inner {
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg"); // background for checked checkbox
border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-primary-color");

View File

@ -177,6 +177,8 @@ $config: (
v-header-border: #424242,
v-chart-border: #424242,
v-sidebar-border: #303030,
ant-checkbox-bg: #212224,
ant-checkbox-border: #424242,
),
light: (w-g5: $--color-gray_555,
g5-w: $--color-white,
@ -317,5 +319,7 @@ $config: (
v-header-border: #D9D9D9,
v-chart-border: #D9D9D9,
v-sidebar-border: #F0F0F0,
ant-checkbox-bg: #FFFFFF,
ant-checkbox-border: #D9D9D9,
),
);