// Highlight.js custom theme
// Follow guidelines
// 1. Uncomment the block just below - remove `/*` and `*/`
// 2. Fill `background`, `color`, `border-right-color` properties
// with properties of `.hljs` CSS class of your theme
// 3. Put your theme where it's indicated just below
// 4. Remove `.hljs {...}` rules
// 5. Remove `hljs-` of all CSS class name. E.g : `.hljs-comment` becomes `.comment`
// 6. Comment line 61 (`'themes/tranquilpeak',`) of `source/_css/tranquilpeak.scss` file
// 7. Run `grunt buildProd` to build the theme and see the result

// Default code block
pre > code {
    background: #011627;
    color: map-get($highlight-colors, night-rider);
}
pre > code.codeblock {
    overflow-x: auto;
}

// Default inline code
code {
    //行内代码背景色
    background-color: map-get($highlight, 'background');
}

// Tabbed code block tab
// If your theme is dark then use a lighter background
// to see clearly which tab is active
.codeblock--tabbed figcaption .tab.active {
    background: map-get($colors, 'primary');
    color: white;
}

// highlight code block
figure.highlight,

.codeblock {
    background: #011627;
    color: #d6deeb;

    figcaption {
        background: #011627;
        color: #999999;
    }

    .gutter {
        background: #011627;
        border-right-color: #e6e6e6;

        .line {
            color: #aaaaaa;
        }
    }
    // PUT YOUR THEME HERE
    /*color: fg_yellow*/
    .keyword {
        color: #c792ea;
        font-style: italic;
    }

    .built_in {
        color: #addb67;
        font-style: italic;
    }

    .type {
        color: #82aaff;
    }

    .literal {
        color: #ff5874;
    }

    .number {
        color: #F78C6C;
    }

    .regexp {
        color: #5ca7e4;
    }

    .string {
        color: #ecc48d;
    }

    .subst {
        color: #d3423e;
    }

    .symbol {
        color: #82aaff;
    }

    .class {
        color: #ffcb8b;
    }

    .function {
        color: #82AAFF;
    }

    .title {
        color: #DCDCAA;
        font-style: italic;
    }

    .params {
        color: #7fdbca;
    }
    /* Meta */
    .comment {
        color: #637777;
        font-style: italic;
    }

    .doctag {
        color: #7fdbca;
    }

    .meta {
        color: #82aaff;
    }

    .meta-keyword {
        color: #82aaff;
    }

    .meta-string {
        color: #ecc48d;
    }
    /* Tags, attributes, config */
    .section {
        color: #82b1ff;
    }

    .tag,

    .name,

    .builtin-name {
        color: #7fdbca;
    }

    .attr {
        color: #7fdbca;
    }

    .attribute {
        color: #80cbc4;
    }

    .variable {
        color: #addb67;
    }
    /* Markup */
    .bullet {
        color: #d9f5dd;
    }

    .code {
        color: #80CBC4;
    }

    .emphasis {
        color: #c792ea;
        font-style: italic;
    }

    .strong {
        color: #addb67;
        font-weight: bold;
    }

    .formula {
        color: #c792ea;
    }

    .link {
        color: #ff869a;
    }

    .quote {
        color: #697098;
        font-style: italic;
    }
    /* CSS */
    .selector-tag {
        color: #ff6363;
    }

    .selector-id {
        color: #fad430;
    }

    .selector-class {
        color: #addb67;
        font-style: italic;
    }

    .selector-attr,

    .selector-pseudo {
        color: #c792ea;
        font-style: italic;
    }
    /* Templates */
    .template-tag {
        color: #c792ea;
    }

    .template-variable {
        color: #addb67;
    }
    /* diff */
    .addition {
        color: #addb67ff;
        font-style: italic;
    }

    .deletion {
        color: #EF535090;
        font-style: italic;
    }
}

npm install
npm install grunt-cli -g
grunt buildProd
//如果出错执行下面的命令
npm run start
grunt buildProd