/** 
 * Project     : MkDocs Book Binder
 * File        : doc/docs/assets/styles/code-vsc-themes.css
 * Type        : Stylesheet - CSS
 * Description : This file contain some CSS to change the syntax highlight colors of code blocks with colors mostly from VSCode light and dark themes
 * Author      : BRT - Briard Thibaud, <thibaud.brrd@eduge.ch>
**/

[data-md-color-scheme="default"] {
    /* Background color */
    --md-code-bg-color:                  #FFFFFF;

    /* Code highlighting syntax color shades */
    --md-code-hl-number-color:           #098658;
    --md-code-hl-special-color:          #E51400;
    --md-code-hl-function-color:         #795E26;
    --md-code-hl-constant-color:         #0070C1; /*hsla(250, 63%, 60%, 1)*/
    --md-code-hl-keyword-color:          #0000FF;
    --md-code-hl-string-color:           #A31515;
    /*--md-code-hl-name-color:             var(--md-code-fg-color);*/
    --md-code-hl-operator-color:         #000000;
    --md-code-hl-punctuation-color:      #000000; /* #FFD700 */
    --md-code-hl-comment-color:          #008000;
    /*--md-code-hl-generic-color:          var(--md-default-fg-color--light);*/
    --md-code-hl-variable-color:         #001080;
}

[data-md-color-scheme="default"] .highlight .nc {
    color: #267F99;
}

[data-md-color-scheme="default"] .highlight .nf {
    color: #6A5607;
}

[data-md-color-scheme="slate"] {
    /* Background color */
    --md-code-bg-color:                  #1F1F1F;

    /* Code highlighting syntax color shades */
    --md-code-hl-number-color:           #B5CEA8;
    --md-code-hl-special-color:          #F14C4C;
    --md-code-hl-function-color:         #D0DCAA;
    --md-code-hl-constant-color:         #4FC1FF; /*hsla(250, 63%, 60%, 1)*/
    --md-code-hl-keyword-color:          #569CD6;
    --md-code-hl-string-color:           #9CDCFE;
    /*--md-code-hl-name-color:             var(--md-code-fg-color);*/
    --md-code-hl-operator-color:         #D4D4D4;
    --md-code-hl-punctuation-color:      #D4D4D4; /* #FFD700 */
    --md-code-hl-comment-color:          #6A9955;
    /*--md-code-hl-generic-color:          var(--md-default-fg-color--light);*/
    --md-code-hl-variable-color:         #9CDCFE;
}

[data-md-color-scheme="slate"] .highlight .nc {
    color: #4EC9B0;
}

[data-md-color-scheme="slate"] .highlight .nf {
    color: #FFEB80;
}