How Do i Wind whether the website is using the light theme or the dark theme.

[SohamTilekar]

How do I Find whether the Hosted website is using the light theme or the dark theme. for the code highlighting.

the below code looks good on the dark theme but not on the light theme.
How do I edit the theme in the detail.
It is not Menson in the Documentation

:root > * {
    --md-code-hl-number-color: #B5CEA8;
    --md-code-hl-special-color: #DCDCAA;
    --md-code-hl-function-color: #DCDCAA;
    --md-code-hl-constant-color: #569CD6;
    --md-code-hl-keyword-color: #C586C0;
    --md-code-hl-string-color: #CE9178;
    --md-code-hl-name-color: #9CDCFE;
    --md-code-hl-operator-color: #D4D4D4;
    --md-code-hl-punctuation-color: #D4D4D4;
    --md-code-hl-comment-color: #6A9955;
    --md-code-hl-generic-color: #9CDCFE;
    --md-code-hl-variable-color: #9CDCFE;
}

[alexvoss]

The documentation about custom color schemes contains the information about switching CSS depending on which theme is used. Hope this helps.

[SohamTilekar]

I rear that part of the doc but I did not understand.

[alexvoss]

You can use the CSS selectors described here to switch the color variables for the code. Note that the default color schemes are called default and slate. The following switches just one color but you can modify this to your heart's content:

[data-md-color-scheme="default"] { 
    --md-code-hl-number-color: #B5CEA8;
    --md-code-hl-special-color: #DCDCAA;
    --md-code-hl-function-color: #DCDCAA;
    --md-code-hl-constant-color: #569CD6;
    --md-code-hl-keyword-color: #C586C0;
    --md-code-hl-string-color: #CE9178;
    --md-code-hl-name-color: #9CDCFE;
    --md-code-hl-operator-color: #D4D4D4;
    --md-code-hl-punctuation-color: #D4D4D4;
    --md-code-hl-comment-color: #6A9955;
    --md-code-hl-generic-color: #9CDCFE;
    --md-code-hl-variable-color: #9CDCFE;
}

[data-md-color-scheme="slate"] {
    --md-code-hl-function-color: #FFFFFF;
}