Customised highlight color

[ariehen]

Two things:

• text-highlight-bg points to text-highlight-bg-rgb which is a rgb value, so change format: hsl-split → format: rgb in the Style Settings section. hsl-split doesn’t seem to work there. All else looks fine there.

• The Style Settings section alone isn’t going to do anything (other than showing up in Style Settings) if there’s no CSS written that it’s pointing to. Give this a try including the bottom section:

/* @settings

name: My Own Settings
id: my-own-settings
settings:
    - 
        id: settings-colors
        title: My Colors
        type: heading
        level: 3
    - 
        id: text-highlight-bg
        title: Highlight Background Color
        type: variable-color
        format: rgb
        default: '#007AFF'

*/

body.theme-dark {
  --text-highlight-bg-rgb: 0, 122, 255; 
  --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.4);
}