Obsidian ITS Theme Overrides

its_overrides.css

/* @settings
name: ITS Theme Overrides
id: atx-its
settings:
-
    id:                     atx-its-cat-general
    title:                  '1. Appearance'
    description:            'General appearance settings'
    type:                   heading
    level:                  1
    collapsed:              true


-
        id:                 atx-its-general-about
        title:              ''
        description:        "<br /><br /><h1>General Settings</h1>Override settings for ITS theme"
        type:               info-text
        markdown:           true
-
        id:                 atx-its-arrow-clr
        title:              'Heading Arrow Color'
        description:        'Adjust the arrow to the left of each heading'
        type:               variable-themed-color
        opacity:            true
        format:             hex
        default-light:      '#FFFFFF'
        default-dark:       '#FFFFFF'
-
*/

    body
    {
        --atx-its-arrow-clr: #FFF;
    }

    .HyperMD-header.HyperMD-header .collapse-indicator.collapse-indicator svg, .view-content :is(h1, h2, h3, h4, h5, h6) .collapse-indicator.collapse-indicator svg
    {
        color: var(--atx-its-arrow-clr) !important;
    }