diff --git a/src/support/mixins/color-modes.scss b/src/support/mixins/color-modes.scss
index 6383c27931..40032bbebb 100644
--- a/src/support/mixins/color-modes.scss
+++ b/src/support/mixins/color-modes.scss
@@ -1,6 +1,7 @@
 @mixin color-mode-theme($theme-name, $include-root: false) {
   @if $include-root {
     :root,
+    ::selection,
     [data-color-mode="light"][data-light-theme="#{$theme-name}"],
     [data-color-mode="dark"][data-dark-theme="#{$theme-name}"] {
       @content;
@@ -32,6 +33,7 @@
 @mixin color-mode($mode) {
   @if $mode == light {
     :root,
+    ::selection,
     [data-color-mode="light"][data-light-theme*="#{$mode}"],
     [data-color-mode="dark"][data-dark-theme*="#{$mode}"] {
       @content;