Skip to content

Commit

Permalink
Style checkbox color to match SLDS
Browse files Browse the repository at this point in the history
  • Loading branch information
paustint committed Dec 8, 2024
1 parent f83e251 commit 359b15f
Showing 1 changed file with 4 additions and 13 deletions.
17 changes: 4 additions & 13 deletions apps/jetstream/src/main.scss
Original file line number Diff line number Diff line change
@@ -1,23 +1,14 @@
@import '@salesforce-ux/design-system/scss/_design-tokens';

// Make react data grid checkbox look sort of like SLDS checkbox
@layer rdg.rdg-checkbox-input {
.rdg-checkbox-input {
inline-size: 14px; /* Override the width */
block-size: 14px; /* Override the height */
// background-color: #0176d3; /* Example: add a custom background */
// accent-color: white;
inline-size: 14px;
block-size: 14px;
accent-color: #0176d3;
}
}

// TODO: play around with this as we can potentially figure out how to style the checkbox

// .rdg .rdg-checkbox-input {
// // inline-size: 25px !important;
// // block-size: 25px !important;
// background-color: white !important; /* Ensure it overrides */
// accent-color: #0176d3 !important; /* Ensure it overrides */
// }

html {
background-color: rgb(17, 24, 39);
}
Expand Down

0 comments on commit 359b15f

Please sign in to comment.