Fix invisible text selection inside pre blocks (#3096)

.changeset/pre-selection-contrast.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix invisible text selection inside `pre` blocks in light mode

core/scss/_variables.scss

@@ -747,6 +747,7 @@ $code-font-size: $font-size-reative-sm !default;
 $pre-padding: 1rem !default;
 $pre-bg: var(--bg-surface-dark) !default;
 $pre-color: var(--light) !default;
+$pre-selection-bg: color-transparent(var(--primary), 0.4) !default;
 
 $kbd-padding-x: 0.5rem !default;
 $kbd-padding-y: 0.25rem !default;

core/scss/ui/_type.scss

@@ -136,6 +136,13 @@ pre {
 
   @include scrollbar();
 
+  // pre keeps its dark surface in both color schemes, so the light-mode
+  // selection tint (10% primary) is invisible here - use the dark-mode value
+  &::selection,
+  ::selection {
+    background-color: $pre-selection-bg;
+  }
+
   code {
     padding: 0;
     background: transparent;