:root {
    --compileTime-background: rgba(50,50,90,0.1);
    --generatedCode-background: #abf2bc;
    --keyword-color: blue;
    --comment-color: #0C8406;
    --control-color: #8F08C4;
    --number-color: black;
    --literal-color: black;
    --string-color: #A31515;
    --class-name-color: #2C91B0;
    --local-name-color: #1F37A0;
    --method-name-color: #74531F;
    --xml-doc-color: #808080;
    --template-keyword-color: rgb(250, 0, 250);
    --punctuation-color: black;
}

@media (prefers-color-scheme: dark) {

    :root {
        --compileTime-background: #363c42;
        --generatedCode-background: rgba(0,100,0,0.8);
        --keyword-color: #569cd6;
        --comment-color: rgb( 87, 166, 74);
        --control-color: #D8A0DF;
        --number-color: rgb(218, 218, 218);
        --string-color: rgb(214,157,133);
        --literal-color: #569CD6;
        --class-name-color: #4EC9B0;
        --enum-name-color: #B8D7A3;
        --local-name-color: rgb(220,220,220);
        --method-name-color: #DCDCAA;
        --xml-doc-color: rgb(87, 166, 74);
        --template-keyword-color: #f047f8;
        --operator-color: rgb(180, 180, 180);
        --punctuation-color: white;
    }

}

.cs-comment, .hljs-comment, .highlight-comment {
    color: var(--comment-color);
}

.cs-excluded-code {
    
}



.cs-keyword, .hljs-built_in, .hljs-keyword, .highlight-keyword
{
 color: var(--keyword-color);   
}

.cs-keyword.cs-control {
    color: var(--control-color);
}

.cs-number, .highlight-number {
    color: var(--number-color);
}

.cs-operator, .cs-operator.cs-overloaded {
    color: var(--operator-color);
}

 
.cs-preprocessor-keyword {
   
}

.cs-preprocessor-text {
    
}

.cs-string, .hljs-string {
    color: var(--string-color);
}

.highlight-literal, .hljs-literal {
    color: var(--literal-color);
}

.cs-string.cs-verbatim {
    
}
.cs-string.cs-escape-character {
    
}

.cs-whitespace {
    
}

.cs-text {
    
}

.cs-reassigned-variable {
    
}

.cs-punctuation {
    color: var(--text-color);
}

.cs-class-name, .cs-interface-name, .hljs-type, .hljs-title {
    color: var(--class-name-color);
}

.cs-enum-member-name {
    color: var(--enum-name-color);
}

.cs-constant-name {
    
}

.cs-local-name, .cs-parameter-name, .hljs-variable, .cs-parameter-name  {
    color: var(--local-name-color);
}

.cs-method-name, .cs-extension-method-name, .cs-identifier, .hljs-function .hljs-title  {
    color: var(--method-name-color);
}

.cs-field-name {
    color: var(--text-color);
}

 
.cs-property-name {
    
}

.cs-namespace-name {
    color: var(--text-color);
}

.cs-label-name {
    
}

.cs-xml-doc-comment, .hljs-doctag {
    color: var(--xml-doc-color);
}

.cs-xml-literal {
    
}

.cs-regex {
    
}


.cr-CompileTime,
.cr-Conflict,
.cr-TemplateKeyword,
.cr-Dynamic,
.cr-CompileTimeVariable {
    background-color: var(--compileTime-background);
}

.cr-GeneratedCode {
    background-color: var(--generatedCode-background);
}

.cr-TemplateKeyword {
    color: var(--template-keyword-color) !important;
    font-weight: bold;
}


.hljs {
    color: var(--text-color);
}

.hljs-quote
 {
    color: green;
}

.hljs-name,
.hljs-selector-tag,
.hljs-tag {
    color: var(--class-name-color);
}
.hljs-addition,
.hljs-attribute,
.hljs-section,
.hljs-template-tag,
.hljs-template-variable
 {
    color: var(--class-name-color);
}
.hljs-deletion,
.hljs-meta,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #2b91af;
}
.hljs-doctag {
    color: var(--xml-doc-color);
}
.hljs-attr {
    color: var(--method-name-color);
}
.hljs-bullet,
.hljs-link,
.hljs-symbol {
    color: var(--link-color);
}
.hljs-emphasis {
    font-style: italic;
}
.hljs-strong {
    font-weight: 700;
}

.highlight-xml-bracket {
    color: var(--punctuation-color);
}

.highlight-xml-tag {
    color: var(--class-name-color);
}

.highlight-xml-attribute-name {
    color: var(--method-name-color);
}

.highlight-xml-attribute-equal {
    color: var(--punctuation-color);
}

.highlight-xml-attribute-value {
    color: var(--string-color);
}


/* Override branding.css */
span.keyword, .codeSnippetContainerCode .keyword {
    color: var(--keyword-color);
}