stackedit/static/themes/edit-theme-slate.js
2022-10-06 03:45:51 +08:00

72 lines
2.4 KiB
JavaScript

function init_edit_theme_slate() {
const style = document.createElement('style');
style.id = 'edit-theme-slate';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--slate .editor__inner {\n\
color: #ebebf4;\n\
caret-color: #ebebf4;\n\
}\n\
.edit-theme--slate .editor {\n\
background-color: #19191f;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--slate .editor__inner .cn-head,\n\
.edit-theme--slate .editor-in-page-buttons .icon {\n\
color: #9eb2d9;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--slate .editor__inner .cn-strong {\n\
color: #566981;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--slate .editor__inner .blockquote {\n\
color: #89A7B1;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--slate .editor__inner .cl,\n\
.edit-theme--slate .editor__inner .hr,\n\
.edit-theme--slate .editor__inner .link,\n\
.edit-theme--slate .editor__inner .linkref, \n\
.edit-theme--slate .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--slate .editor__inner .cn-toc, \n\
.edit-theme--slate .editor__inner .code,\n\
.edit-theme--slate .editor__inner .img,\n\
.edit-theme--slate .editor__inner .img-wrapper,\n\
.edit-theme--slate .editor__inner .imgref,\n\
.edit-theme--slate .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--slate .editor__inner .cn-code {\n\
color: #89A7B1;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--slate .editor__inner .img .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .link .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .linkref .cl-underlined-text {\n\
color: #9eb2d9;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--slate .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--slate .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--slate .editor__inner .email,\n\
.edit-theme--slate .editor__inner .cl-title,\n\
.edit-theme--slate .editor__inner .tag,\n\
.edit-theme--slate .editor__inner .latex,\n\
.edit-theme--slate .editor__inner .math,\n\
.edit-theme--slate .editor__inner .entity,\n\
.edit-theme--slate .editor__inner .pre [class*='language-'] {\n\
color: #ebebf4;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_slate();