Theming options missing.

While trying to create a dracula theme i ran into some issues.

• normal background is missing. the fix for this is

:root{
    
    --MAIN-TEXT-color:#f8f8f2; /* Color of text by default */
    --MAIN-BG-color: #44475a;

body {
    color: var(--MAIN-TEXT-color) !important;
    background: var(--MAIN-BG-color) url("img_tree.gif") no-repeat fixed center; 
}

• Page Title colour is missing

fied by

h1, h2, h3, h4, h5 {
    color: var(--MAIN-TITLES-TEXT-color) !important;
}

Or by adding a seperatevalue both in vars and in h1{color:var()}

• The top navlink bg colour is missing.

fixed by

#top-bar {
    background-color: var(--MENU-SEARCH-BG-color)
}

• Mermaid theming / colours are missing.

  theming options are hard for me to figure out.

Start by locating the theme stylesheet and its :root variables, body, heading, and #top-bar rules; compare those selectors with the requested background, title, and navigation colors. Review the linked Mermaid theming options and identify the existing Mermaid configuration, then verify that custom theme variables apply consistently across the page and diagrams.