diff --git a/tabby-core/src/theme.scss b/tabby-core/src/theme.scss
index 4d04ac58..38b96259 100644
--- a/tabby-core/src/theme.scss
+++ b/tabby-core/src/theme.scss
@@ -398,7 +398,7 @@ ngx-colors-panel .opened {
     background: $body-bg !important;
 
     button {
-        color: $body-color;
+        color: $body-color !important;
     }
 
     .button svg {
diff --git a/tabby-terminal/src/api/interfaces.ts b/tabby-terminal/src/api/interfaces.ts
index b32648fb..79e30c15 100644
--- a/tabby-terminal/src/api/interfaces.ts
+++ b/tabby-terminal/src/api/interfaces.ts
@@ -9,4 +9,6 @@ export interface TerminalColorScheme {
     background: string
     cursor: string
     colors: string[]
+    selection?: string
+    selectionForeground?: string
 }
diff --git a/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug b/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
index 63a0c08b..1ea9abf5 100644
--- a/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
+++ b/tabby-terminal/src/components/colorSchemeSettingsTab.component.pug
@@ -46,6 +46,18 @@
                 title='CA',
                 hint='Block cursor foreground'
             )
+            color-picker(
+                [(model)]='config.store.terminal.colorScheme.selection',
+                (modelChange)='config.save()',
+                title='SB',
+                hint='Selection background'
+            )
+            color-picker(
+                [(model)]='config.store.terminal.colorScheme.selectionForeground',
+                (modelChange)='config.save()',
+                title='SF',
+                hint='Selection foreground'
+            )
             color-picker(
                 *ngFor='let _ of config.store.terminal.colorScheme.colors; let idx = index; trackBy: colorsTrackBy',
                 [(model)]='config.store.terminal.colorScheme.colors[idx]',
diff --git a/tabby-terminal/src/frontends/xtermFrontend.ts b/tabby-terminal/src/frontends/xtermFrontend.ts
index f18c8f32..1ca4a61e 100644
--- a/tabby-terminal/src/frontends/xtermFrontend.ts
+++ b/tabby-terminal/src/frontends/xtermFrontend.ts
@@ -341,6 +341,7 @@ export class XTermFrontend extends Frontend {
         const theme: ITheme = {
             foreground: config.terminal.colorScheme.foreground,
             selection: config.terminal.colorScheme.selection || '#88888888',
+            selectionForeground: config.terminal.colorScheme.selectionForeground || undefined,
             background: config.terminal.background === 'colorScheme' ? config.terminal.colorScheme.background : '#00000000',
             cursor: config.terminal.colorScheme.cursor,
             cursorAccent: config.terminal.colorScheme.cursorAccent,