highlight.css

/* Breeze Theme v1.0.0
 *
 * https://github.com/breeze-theme/highlightjs
 *
 * Copyright 2019, All rights reserved
 *
 * Code licensed under the MIT license
 *
 * @author zollero <corona7@163.com>
 */

:root {
    --root-bg: #eef5f3;
    --root-color: #407aab;
}

.hljs {
    --selection: #a8bbe4;
    --comment: #8aa4b7;
    --selector-tag: #8f61ad;
    --string: #18add2;
    --varible: #d6392a;
    --keyword: #c1a536;
    --function-title: #1f5dd2;
    --tag: #2e7eb9;
    --name: #4157d2;
    --type: #a7463b;
    --attribute: #27b19b;
    --link: #C792EA;
    --params: #428627;
    --title: #7fa3e6;
    --section: #ffc66d;
    --addition-bg: #144212;
    --addition-color: #ded4c9;
    --deletion-bg: #600;
    --deletion-color: #e6e1dc;
    --selection-class: #FFCB68;
    --selection-id: #F77669;
}

pre > code[class*="language-"] {
    display: block;
    color: var(--root-color);
    background-color: var(--root-bg);
    padding: 1em;
    font-size: 0.9em;
    line-height: 1.5;
    border-radius: 5px;
    font-family: "Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
    background: var(--root-bg);   /* 颜色1 */
    color: var(--root-color);  /* 颜色2 */
    font-family: "Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace;
    font-size: 0.9em;
    line-height: 1.5;
    border-radius: 5px;
}
.hljs > *::selection {
    background-color: var(--selection);  /* 颜色3 */
}

.hljs-comment {
    color: var(--comment);  /* 颜色4 */
    font-style: italic;
}

.hljs-selector-tag {
    color: var(--selector-tag);   /* 颜色5 */
}

.hljs-string,
.hljs-subst {
    color: var(--string);  /* 颜色6 */
}

.hljs-number,
.hljs-regexp,
.hljs-variable,
.hljs-template-variable {
    color: var(--varible);  /* 颜色7 */
}

.hljs-keyword {
    color: var(--keyword);  /* 颜色5 */
}
.hljs-function > .hljs-title {
    color: var(--function-title);  /* 颜色8 */
}
.hljs-tag {
    color: var(--tag);  /* 颜色9 */
}
.hljs-name {
    color: var(--name);  /* 颜色10 */
}
.hljs-type {
    color: var(--type);  /* 颜色11 */
}

.hljs-attribute {
    color: var(--attribute);  /* 颜色12 */
}

.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-builtin-name,
.hljs-link {
    color: var(--link);    /* 颜色5 */
}

.hljs-params {
    color: var(--params);  /* 颜色13 */
}


.hljs-meta {
    color: var(--title);  /* 颜色8 */
}

.hljs-title {
    color: var(--title);  /* 颜色8 */
}

.hljs-section {
    color: var(--section);  /* 颜色14 */
}

.hljs-addition {
    background-color: var(--addition-bg);  /* 颜色15 */
    color: var(--addition-color);  /* 颜色17 */
    display: inline-block;
    width: 100%;
}

.hljs-deletion {
    background-color: var(--deletion-bg);  /* 颜色16 */
    color: var(--deletion-color);  /* 颜色17 */
    display: inline-block;
    width: 100%;
}

.hljs-selector-class {
    color: var(--selection-class);  /* 颜色18 */
}

.hljs-selector-id {
    color: var(--selection-id);  /* 颜色7 */
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-link {
    text-decoration: underline;
}