code::selection,
code *::selection {
    background-color: rgba(0, 120, 215, .5);
    color: inherit;
}

/* #region - HTML styles */
.html-default {
    color: black;
}

.html-delimiter {
    color: blue;
}

.html-tagname {
    color: darkred;
}

.html-attrname {
    color: red;
}

.html-attrvalue {
    color: blue;
}

.html-entity {
    color: red;
}

.html-comment {
    color: rgb(0, 100, 0);
}
/* #endregion */

/* #region - CSS styles */
.css-default {
    color: black;
}

.css-selector {
    color: darkred;
}

.css-propname {
    color: red;
}

.css-propvalue {
    color: blue;
}

.css-string {
    color: blue;
}

.css-comment {
    color: rgb(0, 100, 0);
}
/* #endregion */

/* #region - JavaScript styles */
.js-default {
    color: black;
}

.js-keyword {
    color: blue;
}

.js-string {
    color: red;
}

.js-comment {
    color: rgb(0, 100, 0);
}
/* #endregion */

@media screen and (prefers-color-scheme: dark) {
    code::selection,
    code *::selection {
        background-color: rgba(51, 153, 255, .5);
        color: inherit;
    }

    /* #region - HTML styles */
    .html-default {
        color: white;
    }

    .html-delimiter {
        color: gray;
    }

    .html-tagname {
        color: rgb(86, 156, 214);
    }

    .html-attrname {
        color: rgb(156, 220, 254);
    }

    .html-attrvalue {
        color: rgb(200, 200, 200);
    }

    .html-entity {
        color: teal;
    }

    .html-comment {
        color: rgb(87, 166, 74);
    }
    /* #endregion */

    /* #region - CSS styles */
    .css-default {
        color: white;
    }

    .css-selector {
        color: rgb(214, 157, 133);
    }

    .css-propname {
        color: rgb(156, 220, 254);
    }

    .css-propvalue {
        color: rgb(200, 200, 200);
    }

    .css-string {
        color: rgb(214, 157, 133);
    }

    .css-comment {
        color: rgb(87, 166, 74);
    }
    /* #endregion */

    /* #region - JavaScript styles */
    .js-default {
        color: white;
    }

    .js-keyword {
        color: rgb(86, 156, 214);
    }

    .js-string {
        color: rgb(214, 157, 133);
    }

    .js-comment {
        color: rgb(87, 166, 74);
    }
    /* #endregion */
}