html {
    /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
    --primary-color: #bd93f9;
    --primary-dark-color: #9270e4;
    --primary-light-color: #9270e4;

    /* page base colors */
    --page-background-color: #ffffff;
    --page-foreground-color: #2f4153;
    --page-secondary-foreground-color: #6f7e8e;

    /* color for all separators on the website: hr, borders, ... */
    --separator-color: #bd93f965;

    /* border radius for all rounded components. Will affect many components, like dropdowns, memitems, codeblocks, ... */
    --border-radius-large: 22px;
    --border-radius-small: 9px;
    --border-radius-medium: 14px;

    /* default spacings. Most components reference these values for spacing, to provide uniform spacing on the page. */
    --spacing-small: 8px;
    --spacing-medium: 14px;
    --spacing-large: 19px;

    --top-height: 125px;

    ...
}

html.dark-mode {
    color-scheme: dark;

    --primary-color: #bd93f9;
    --primary-dark-color: #9270e4;
    --primary-light-color: #9270e4;
    --primary-lighter-color: #191e21;
    --primary-lightest-color: #191a1c;

    --page-background-color: #21222c;
    --page-foreground-color: #d2dbde;
    --page-secondary-foreground-color: #859399;
    --separator-color: #3a3246;
    --side-nav-background: #282a36;
    --side-nav-foreground: #f8f8f2;
    --toc-background: #282A36;
    --searchbar-background: var(--page-background-color);

    ...
}

.paramname em {
    font-weight: 600;
    color: var(--primary-dark-color);
}