Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-21 13:37:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Merge 17a6901ca4 into e995fc1c5f

Browse source
This commit is contained in:
KJyang-0114 2026-04-21 05:32:24 -07:00 committed by GitHub
commit b350a10667
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/AppBuilder/Widgets/TreeSelect.jsx
View file

@ -19,6 +19,7 @@ export const TreeSelect = ({
const { label } = properties;
const { visibility, disabledState, checkboxColor, boxShadow } = styles;
const textColor = darkMode && styles.textColor === '#000' ? '#fff' : styles.textColor;
const darkModeClass = darkMode ? 'theme-dark' : '';
const [checked, setChecked] = useState(checkedData);
const [expanded, setExpanded] = useState(expandedData);
const data = isExpectedDataType(properties.data, 'array');
@ -105,7 +106,7 @@ export const TreeSelect = ({
return (
<div
className="custom-checkbox-tree"
className={`custom-checkbox-tree ${darkModeClass}`}
data-disabled={disabledState}
style={{
maxHeight: height,

20
frontend/src/_styles/theme.scss
View file

@ -6317,6 +6317,26 @@ input.hide-input-arrows {
overflow-y: auto;
color: #3e525b;
&.theme-dark {
color: #e4e4e7;
.react-checkbox-tree {
.rct-node {
.rct-text {
color: #e4e4e7;
}
.rct-checkbox {
input[type="checkbox"] {
filter: invert(1);
}
}
.rct-title {
color: #e4e4e7;
}
}
}
}
.react-checkbox-tree label:hover {
background: none !important;
}