diff --git a/book/src/configuration.md b/book/src/configuration.md
index 4528080b9..f11cebd46 100644
--- a/book/src/configuration.md
+++ b/book/src/configuration.md
@@ -77,6 +77,7 @@ ## Theme
 | ui.text | |
 | ui.text.focus | |
 | ui.menu.selected | |
+| ui.selection | for selections in the editing area |
 | warning | LSP warning |
 | error | LSP error |
 | info | LSP info |
diff --git a/contrib/themes/bogster.toml b/contrib/themes/bogster.toml
index 40fa7044a..0fbafd23c 100644
--- a/contrib/themes/bogster.toml
+++ b/contrib/themes/bogster.toml
@@ -38,6 +38,7 @@
 "ui.text" = { fg = "#e5ded6" }
 "ui.text.focus" = { fg = "#e5ded6", modifiers= ["bold"] }
 
+"ui.selection" = { bg = "#540099" }
 "ui.menu.selected" = { fg = "#e5ded6", bg = "#313f4e" }
 
 "warning" = "#dc7759"
diff --git a/contrib/themes/ingrid.toml b/contrib/themes/ingrid.toml
index 60377b45b..0dd53164f 100644
--- a/contrib/themes/ingrid.toml
+++ b/contrib/themes/ingrid.toml
@@ -38,6 +38,7 @@
 "ui.text" = { fg = "#7B91B3" }
 "ui.text.focus" = { fg = "#250E07", modifiers= ["bold"] }
 
+"ui.selection" = { bg = "#540099" }
 "ui.menu.selected" = { fg = "#D74E50", bg = "#F3EAE9" }
 
 "warning" = "#D4A520"
diff --git a/contrib/themes/onedark.toml b/contrib/themes/onedark.toml
index b10a0292c..ccf6a2cc9 100644
--- a/contrib/themes/onedark.toml
+++ b/contrib/themes/onedark.toml
@@ -35,6 +35,7 @@
 "ui.linenr" = { fg = "#4B5263", modifiers = ['dim'] }
 "ui.popup" = { bg = "#3E4452" }
 "ui.statusline" = { fg = "#ABB2BF", bg = "#2C323C" }
+"ui.selection" = { bg = "#3E4452" }
 "ui.text" = { fg = "#ABB2BF", bg = "#282C34" }
 "ui.text.focus" = { fg = "#ABB2BF", bg = "#2C323C", modifiers = ['bold'] }
 "ui.window" = { bg = "#3E4452" }
diff --git a/helix-term/src/ui/editor.rs b/helix-term/src/ui/editor.rs
index 00305fc84..dd385ac9a 100644
--- a/helix-term/src/ui/editor.rs
+++ b/helix-term/src/ui/editor.rs
@@ -240,8 +240,7 @@ pub fn render_buffer(
                 // .bg(Color::Rgb(255, 255, 255))
                 .add_modifier(Modifier::REVERSED);
 
-            // let selection_style = Style::default().bg(Color::Rgb(94, 0, 128));
-            let selection_style = Style::default().bg(Color::Rgb(84, 0, 153));
+            let selection_style = theme.get("ui.selection");
 
             for selection in doc
                 .selection(view.id)
diff --git a/theme.toml b/theme.toml
index 5888b6a5d..fd5572a62 100644
--- a/theme.toml
+++ b/theme.toml
@@ -50,6 +50,7 @@
 "ui.text" = { fg = "#a4a0e8" } # lavender
 "ui.text.focus" = { fg = "#dbbfef"} # lilac
 
+"ui.selection" = { bg = "#540099" }
 "ui.menu.selected" = { fg = "#281733", bg = "#ffffff" } # revolver
 
 "warning" = "#ffcd1c"