fixed #4630 - added theme setting for cursor accent color

tabby-terminal/src/components/colorPicker.component.pug

@@ -12,4 +12,5 @@ div(
     autoClose='outside',
     container='body',
     #popover='ngbPopover',
+    [title]='hint'
 ) {{ title }}

tabby-terminal/src/components/colorPicker.component.ts

@@ -10,6 +10,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
 export class ColorPickerComponent {
     @Input() model: string
     @Input() title: string
+    @Input() hint: string
     @Output() modelChange = new EventEmitter<string>()
     @ViewChild('popover') popover: NgbPopover
 

tabby-terminal/src/components/colorSchemeSettingsTab.component.pug

@@ -26,22 +26,32 @@
                 [(model)]='config.store.terminal.colorScheme.foreground',
                 (modelChange)='config.save()',
                 title='FG',
+                hint='Foreground'
             )
             color-picker(
                 [(model)]='config.store.terminal.colorScheme.background',
                 (modelChange)='config.save()',
                 title='BG',
+                hint='Background'
             )
             color-picker(
                 [(model)]='config.store.terminal.colorScheme.cursor',
                 (modelChange)='config.save()',
                 title='CU',
+                hint='Cursor color'
+            )
+            color-picker(
+                [(model)]='config.store.terminal.colorScheme.cursorAccent',
+                (modelChange)='config.save()',
+                title='CA',
+                hint='Block cursor foreground'
             )
             color-picker(
                 *ngFor='let _ of config.store.terminal.colorScheme.colors; let idx = index; trackBy: colorsTrackBy',
                 [(model)]='config.store.terminal.colorScheme.colors[idx]',
                 (modelChange)='config.save()',
                 [title]='idx',
+                hint='ANSI color {{idx}}'
             )
 
     color-scheme-preview([scheme]='config.store.terminal.colorScheme')

tabby-terminal/src/config.ts

@@ -32,6 +32,7 @@ export class TerminalConfigProvider extends ConfigProvider {
                 background: 'rgba(38, 50, 56, 1)',
                 selection: null,
                 cursor: '#FFCC00',
+                cursorAccent: null,
                 colors: [
                     '#000000',
                     '#D62341',

tabby-terminal/src/frontends/xtermFrontend.ts

@@ -289,6 +289,7 @@ export class XTermFrontend extends Frontend {
             selection: config.terminal.colorScheme.selection || '#88888888',
             background: config.terminal.background === 'colorScheme' ? config.terminal.colorScheme.background : '#00000000',
             cursor: config.terminal.colorScheme.cursor,
+            cursorAccent: config.terminal.colorScheme.cursorAccent,
         }
 
         for (let i = 0; i < COLOR_NAMES.length; i++) {