﻿/*用户端编辑器自定义样式*/
pre[class*=language-] {
    max-width: 1060px;
    max-height: 400px;
    border-radius: 3px;
    outline: 3px solid #242728;
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: #242728
}
/**命名空间*/
.token.attr-name, .token.deleted, .token.namespace, .token.tag {
    color: rgb(178, 186, 188);
}
/*类名称，属性*/
.token.class-name, .token.constant, .token.property, .token.symbol {
    color: rgb(43, 145, 175);
}
/*函数*/
.token.boolean, .token.function, .token.number {
    color: #f8c555;
}
/*注释*/
.token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: rgb(90, 133, 67);
}
/*值；字符；文本*/
.token.attr-value, .token.char, .token.regex, .token.string, .token.variable {
    color: rgb(236, 118, 0);
}
/*关键字*/
.token.atrule, .token.builtin, .token.important, .token.keyword, .token.selector {
    color: rgb(147, 199, 99);
}
/*运算符号*/
.token.entity, .token.operator, .token.url {
    background: none;
}

/*CSS:文本*/
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
    color: rgb(236, 118, 0);
    background: none;
}
/*HTML:标签*/
.language-markup .token.tag {
    color: #93ba45;
}
/*解决代码高亮插件ToolBar按钮Span问题*/
.prism-style button{
    margin: 0 2px;
}
.prism-style button > span {
    position: unset !important;
}
/*代码滚动条样式*/
.prism-style pre::-webkit-scrollbar {
    width: 0;
    height: 0;        
    background-color:transparent;
}
.prism-style pre:hover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.prism-style pre::-webkit-scrollbar-track {
    background-color: transparent;
}
.prism-style pre::-webkit-scrollbar-button {
    height: 0;
    width: 0;
    display: none;
}

.prism-style pre::-webkit-scrollbar-thumb {
    background-color: #5864707c;
    mix-blend-mode: normal;
    min-height: 115px;
    border-radius: 4px;
}
.prism-style pre::-webkit-scrollbar-corner {
    background-color: #242728;
}

    .prism-style pre::-webkit-scrollbar-thumb:active,
    .prism-style pre::-webkit-scrollbar-thumb:hover {
        background-color: #586470
    }