"Style Settings" Replacement CSS for Normal-Header-Bar

[ReaderGuy42]

Hey, long time, no issue! Still love the theme, but the Style Settings plugin is giving me a headache. It often doesn't load at all on boot and then I have to turn it off and on again, and even then it doesn't always work. So I'm trying to create a CSS replacement, and I think I've got most of it figured out.

However, I always have the "Normal-Header-Bar" enabled, and I can't seem to get my CSS right, so perhaps you could help me there? I'm not good at parsing CSS I didn't create/help create, so I'm not sure how to use the theme's CSS there.

I also can't figure out how to unset the alternating header colors, but the header bar is more pressing.

This is the .json from Style Settings in case anything else jumps out:

{
  "shimmering-focus@@longform-left-aligned": true,
  "shimmering-focus@@image-size": 100,
  "shimmering-focus@@longform-text-indent": true,
  "shimmering-focus@@hide-languagetool-status-bar": true,
  "shimmering-focus@@hide-backlinks-status-bar": true,
  "shimmering-focus@@hide-pane-relief-focus-lock-status-bar": true,
  "shimmering-focus@@show-sidebar-header-buttons": true,
  "shimmering-focus@@show-close-buttons": true,
  "shimmering-focus@@show-file-explorer-navigation": true,
  "shimmering-focus@@normal-header-bar": true,
  "shimmering-focus@@hide-longform-status-bar": true,
  "shimmering-focus@@show-new-tab-button": true,
  "shimmering-focus@@show-tab-list-button": true,
  "shimmering-focus@@longform-font-text-theme": "\"Times New Roman\"",
  "shimmering-focus@@no-alternating-header-colors": true,
  "shimmering-focus@@uncolored-italic": true,
  "shimmering-focus@@uncolored-bold": true,
  "shimmering-focus@@hide-pandoc-reference-list-status-bar": true,
  "shimmering-focus@@hidden-sidebars-hidden-statusbar": false,
  "shimmering-focus@@overlaying-right-sidebar": false,
  "shimmering-focus@@show-outline-buttons": false,
  "shimmering-focus@@hide-properties-in-statusbar": true,
  "shimmering-focus@@hide-signature-icon": true,
  "shimmering-focus@@no-heading-background": true,
  "shimmering-focus@@no-lp-heading-level-indicator": true,
  "shimmering-focus@@hide-attachment-folders": false,
  "shimmering-focus@@show-bookmark-icons": false,
  "shimmering-focus@@show-sidebar-toggle-buttons": false,
  "shimmering-focus@@normal-tab-bar": true,
  "shimmering-focus@@hide-vault-switcher-and-settings": false,
  "shimmering-focus@@show-bookmark-controls": false,
  "shimmering-focus@@classic-inline-backlinks": false,
  "shimmering-focus@@normal-out-back-links": false,
  "shimmering-focus@@font-heading-theme": "\"Gloucester\"",
  "shimmering-focus@@active-line-highlight": "active-line-background",
  "shimmering-focus@@unrestricted-line-length-tables": false,
  "shimmering-focus@@code-size": 1,
  "shimmering-focus@@heading-scaling": 1.15,
  "shimmering-focus@@angular-shapes": false,
  "shimmering-focus@@show-suggester-instructions": false,
  "shimmering-focus@@hide-harper-status-bar": true,
  "shimmering-focus@@alt-colorschemes": "colorscheme-gamma",
  "shimmering-focus@@bg-hue-light": 235,
  "shimmering-focus@@bg-hue-dark": 230,
  "shimmering-focus@@highlight-hue-1": 40,
  "pane-relief@@pr-sliding-panes-desktop-width": "900px",
  "shimmering-focus@@uncolored-strikethroughs": false,
  "shimmering-focus@@longform-font-size": 1.2
}

And this is my attempt at the replacement CSS:

/* Background Hue Light and Dark */
:root {
    --bg-hue-light: 235;
    --bg-hue-dark: 230;
    --highlight-hue-1: 40;
    --text-color-light: white;
    --text-color-dark: black;
  }
  
.theme-light {
    --text-color: var(--text-color-dark);
}

.theme-dark {
    --text-color: var(--text-color-light)
}


.cm-header {
    font-family: "Gloucester", serif;
    font-size: 1.15em; /* Adjusted based on the heading-scaling setting */
    
}


.language-tool-status-bar,
.backlinks-status-bar,
.pane-relief-focus-lock-status-bar,
.signature-icon,
.properties-statusbar,
.harper-status-bar {
  display: none !important;
}

.sidebar-header-buttons,
.close-buttons,
.file-explorer-navigation,
.new-tab-button,
.tab-list-button {
  display: none;
}



  /* Remove alternating header colors */
header {
    background: none;
  }
  
  /* Remove background from headings */
  h1, h2, h3, h4, h5, h6 {
    background: none;
  }
  
  /* Remove colors from italic and bold text */
  em, i {
    color: inherit;
  }
  
  strong, b {
    color: inherit;
  }
  

  /* Restrict line length in tables */
table {
    max-width: 100%;
    table-layout: fixed;
  }
  
  /* Active line highlight */
  .cm-active.cm-line {
    background-color: rgba(135, 127, 127, 0.1) !important;
  }

Thanks!