Skip to content

Commit bdc2636

Browse files
committed
fix(styling): Fluent Theme checkbox invalid color in Dark Mode
1 parent 955ab9b commit bdc2636

1 file changed

Lines changed: 9 additions & 2 deletions

File tree

packages/common/src/styles/_variables-theme-fluent.scss

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,13 @@ $slick-dark-text-color: #d4d4d4;
101101
.slick-dropped-grouping-title {
102102
color: white;
103103
}
104+
.slickgrid-container {
105+
.slick-cell-checkboxsel {
106+
.icon-checkbox-container.checked {
107+
background-color: #62abf5;
108+
}
109+
}
110+
}
104111

105112
--slick-primary-color: #96c6fa;
106113
--slick-highlight-color: #62abf5;
@@ -130,10 +137,10 @@ $slick-dark-text-color: #d4d4d4;
130137
--slick-row-mouse-hover-color: #575757;
131138
--slick-cell-selected-color: #474a45;
132139
--slick-row-selected-color: #474a45;
133-
--slick-checkbox-icon-color: #96c6fa;
140+
--slick-checkbox-icon-color: #62abf5;
134141
--slick-checkbox-icon-height: 22px;
135142
--slick-checkbox-icon-bg-color: transparent;
136-
--slick-checkbox-icon-border: none;
143+
--slick-checkbox-icon-border: 1px solid #adadad;
137144
--slick-icon-sort-color: #96c6fa;
138145
--slick-multiselect-icon-radio-color: #96c6fa;
139146
--ms-checkbox-color: #96c6fa;

0 commit comments

Comments
 (0)