Fix selection background

dodona-edu · Oct 27, 2023 · fd8bfdf · fd8bfdf
1 parent b03ef27
commit fd8bfdf
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/app/assets/stylesheets/theme/codemirror.css.scss b/app/assets/stylesheets/theme/codemirror.css.scss
@@ -14,11 +14,7 @@
 
   /* stylelint-disable selector-class-pattern */
   .cm-activeLine, .cm-activeLineGutter {
-    background-color: var(--d-surface);
-
-    &::selection, ::selection {
-      background-color: var(--d-surface-variant) !important;
-    }
+    background-color: rgba(var(--d-surface-variant-rgb), 0.3);
   }
 
   &.cm-focused {

diff --git a/app/assets/stylesheets/theme/m3-theme-dark.css.scss b/app/assets/stylesheets/theme/m3-theme-dark.css.scss
@@ -30,6 +30,7 @@
   // neutral
   --d-surface: #{$neutral-20};
   --d-surface-variant: #{$neutral-variant-30};
+  --d-surface-variant-rgb: #{color.red($neutral-variant-30)}, #{color.green($neutral-variant-30)}, #{color.blue($neutral-variant-30)};
   --d-background: #{$neutral-25};
   --d-on-surface: #{$neutral-90};
   --d-on-surface-variant: #{$neutral-variant-80};

diff --git a/app/assets/stylesheets/theme/m3-theme-light.css.scss b/app/assets/stylesheets/theme/m3-theme-light.css.scss
@@ -33,6 +33,7 @@
   // neutral
   --d-surface: #{$neutral-99};
   --d-surface-variant: #{$neutral-variant-90};
+  --d-surface-variant-rgb: #{color.red($neutral-variant-90)}, #{color.green($neutral-variant-90)}, #{color.blue($neutral-variant-90)};
   --d-background: #{$neutral-98};
   --d-on-surface: #{$neutral-10};
   --d-on-surface-variant: #{$neutral-variant-30};