Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-12 16:44:21 +04:00
Code Issues Projects Releases Wiki Activity

fix(dark-mode): increase text selection opacity for better visibility (#2642)

Browse Source 
Co-authored-by: terminalchai <213856599+terminalchai@users.noreply.github.com>
Co-authored-by: codecalm <codecalm@gmail.com>
This commit is contained in:
Terminal Chai
2026-07-08 02:20:25 +05:30
committed by GitHub
parent 46da1f725a
commit 601e950b7b
3 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fix-dark-mode-selection-contrast.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed dark mode text selection contrast by adding `--tblr-selection-bg` CSS variable with `0.4` opacity override in dark mode.
core/scss/_variables.scss
+2
View File
@@ -598,6 +598,8 @@ $active-bg: color-transparent(var(--#{$prefix}primary), 0.04) !default;
$active-color: var(--#{$prefix}primary) !default;
$active-border-color: var(--#{$prefix}primary) !default;
$selection-bg: light-dark(color-transparent(var(--#{$prefix}primary), 0.1), color-transparent(var(--#{$prefix}primary), 0.4)) !default;
$hover-bg: color-transparent(var(--#{$prefix}secondary), 0.08) !default;
$disabled-bg: var(--#{$prefix}bg-surface-secondary) !default;
core/scss/ui/_type.scss
+1 -1
View File
@@ -171,7 +171,7 @@ Selection
*/
::selection,
.text-selected {
background-color: color-transparent(var(--#{$prefix}primary), 0.1);
background-color: $selection-bg;
}
.text-selected {