diff --git a/frontend/resources/styles/common/refactor/basic-rules.scss b/frontend/resources/styles/common/refactor/basic-rules.scss
index 638867c89e..f5164e4cd0 100644
--- a/frontend/resources/styles/common/refactor/basic-rules.scss
+++ b/frontend/resources/styles/common/refactor/basic-rules.scss
@@ -29,7 +29,8 @@
   }
 
   ::selection {
-    background-color: var(--color-accent-primary-muted);
+    background: var(--text-editor-selection-background-color);
+    color: var(--text-editor-selection-foreground-color);
   }
 }
 
diff --git a/frontend/resources/styles/common/refactor/color-defs.scss b/frontend/resources/styles/common/refactor/color-defs.scss
index 24b66209b9..b2e0cc7ab4 100644
--- a/frontend/resources/styles/common/refactor/color-defs.scss
+++ b/frontend/resources/styles/common/refactor/color-defs.scss
@@ -27,6 +27,7 @@
   --da-secondary: #bb97d8;
   --da-tertiary: #00d1b8;
   --da-tertiary-10: #{color.change(#00d1b8, $alpha: 0.1)};
+  --da-tertiary-70: #{color.change(#00d1b8, $alpha: 0.7)};
   --da-quaternary: #ff6fe0;
 
   // LIGHT
@@ -50,6 +51,7 @@
   --la-secondary: #1345aa;
   --la-tertiary: #8c33eb;
   --la-tertiary-10: #{color.change(#8c33eb, $alpha: 0.1)};
+  --la-tertiary-70: #{color.change(#8c33eb, $alpha: 0.7)};
   --la-quaternary: #ff6fe0;
 
   // STATUS COLOR
diff --git a/frontend/resources/styles/common/refactor/design-tokens.scss b/frontend/resources/styles/common/refactor/design-tokens.scss
index 0e80da0588..45c677671a 100644
--- a/frontend/resources/styles/common/refactor/design-tokens.scss
+++ b/frontend/resources/styles/common/refactor/design-tokens.scss
@@ -357,6 +357,10 @@
   --viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary);
   --viewer-thumbnail-border-color: var(--color-accent-primary);
   --viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted);
+
+  // TEXT SELECTION
+  --text-editor-selection-background-color: var(--da-tertiary-70);
+  --text-editor-selection-foreground-color: var(--app-white);
 }
 
 #app {
@@ -383,4 +387,6 @@
 
   --assets-item-name-background-color: var(--color-background-primary);
   --assets-item-name-foreground-color: var(--color-foreground-primary);
+
+  --text-editor-selection-background-color: var(--la-tertiary-70);
 }