src/theme/config/snow/config.css
#react-content{
    background-image: url(../../images/snow/body.png);
}

.head-image{
    /*background-image: url(../../images/head.png);*/
}

.page-content{
    /*background-image: url(../../images/page.png);*/
    /*background-color: #D1E4F9;*/
    background-color: rgba(209,228,249,0.4);
}

.page-editor{
    background: rgba(255,255,255,0.5);
}

.page-preview{
    background: rgba(228, 228, 228, 0.5);
}

.page-preview blockquote{
    background-color: rgba(163, 203, 243, 0.6);
}

.page-preview pre{
    background-color: rgba(255, 255, 255,0.9);
}

.page-preview code{
    background-color: rgba(144, 157, 206, 0.6);
}

.page-text{
    background: none;
}

.page-text::-webkit-scrollbar-thumb{
    background: rgb(175, 192, 239);
}

.page-text::-webkit-scrollbar-track {
    background: rgba(189, 201, 208, 0.8);
}

.ace_scrollbar::-webkit-scrollbar-thumb{
    background: rgb(175, 192, 239);
}

.ace_scrollbar::-webkit-scrollbar-track {
    background: rgba(189, 201, 208, 0.8);
}

.page-list{
}

.page-list-background{
}

.page-sortable-list::-webkit-scrollbar-thumb{
    background: rgb(155, 183, 239);
}

.page-sortable-list::-webkit-scrollbar-track {
    background: rgba(189, 201, 208, 0.8);
}

.page-sortable-list-item-normal:hover{
    background-color: rgba(255,255,255,0.4);
}

.page-list-button:before{
    background-image: url(../../images/page-list-button.png);
}

.page-sortable-list .ui-sortable-dragging{
    background-color: rgba(230,230,230,0.9);
}

.page-sortable-list .ui-sortable-placeholder.visible {
    background-color: rgba(230,230,230,0.9);
}

.chapter-list-background{
}

.chapter-list{
}

.chapter-list::-webkit-scrollbar-thumb{
    background: rgb(143, 147, 239);
}

.chapter-list::-webkit-scrollbar-track {
    background: rgba(255, 242, 239, 0.8);
}

.chapter-list-button{
    background-image: url(../../images/chapter-list-button.png);
}

.books-button-open-pre{
    -webkit-mask-image: url(../../images/snow/book-pre.png);
}

.book-pre{
    -webkit-mask-image: url(../../images/snow/book-pre.png);
}

.book-button-edit{
    -webkit-mask-image: url(../../images/book-button-edit.png);
}

.book-button-remove{
    -webkit-mask-image: url(../../images/book-button-remove.png);
}

.book-list-create{
    background-color: rgba(125, 129, 218, 0.8);
}

.book-list-load{
    background-color: rgba(125, 129, 218, 0.8);
}

.bm-menu-wrap {
    background-image: url(../../images/snow/book-list.png);
}

.modal-error, .modal-warn{
    box-shadow: 0 0 10px grey;
}

.modal-error .modal-head{
    background: url(../../images/snow/error-head.png);
}

.modal-error .modal-body{
    background: rgb(255, 255, 255);
}

.modal-warn .modal-head{
    background: url(../../images/snow/warn-head.png);
}

.modal-warn .modal-body{
    background: rgb(255, 255, 255);
}

.modal-sys-info .modal-head{
    background: url(../../images/snow/sys-info-head.png);
}

.modal-sys-info .modal-body {
    background: rgb(255, 255, 255);
}

.modal-export .modal-head{
    background: url(../../images/snow/export-head.png);
}

.modal-export .modal-body{
    background: rgb(255, 255, 255);
}

.react-context-menu {
    background-image: url(../../images/snow/menu-background.png);
    box-shadow: 0 0 10px black;
}
.react-context-menu-link.active,
.react-context-menu-link:hover {
    background: rgba(159, 182, 232, 0.4);
}

.toolbar-about{
    -webkit-mask-image: url(../../images/about.png);
}

.toolbar-reload{
    -webkit-mask-image: url(../../images/reload.png);
}

.toolbar-export{
    -webkit-mask-image: url(../../images/export.png);
}

/*Hightlight style*/
.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #272822; color: #ddd;
}

.hljs-tag,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-strong,
.hljs-name {
    color: #4749f9;
}

.hljs-code {
    color: #66d9ef;
}

.hljs-class .hljs-title {
    color: white;
}

.hljs-attribute,
.hljs-symbol,
.hljs-regexp,
.hljs-link {
    color: #9360db;
}

.hljs-string,
.hljs-bullet,
.hljs-subst,
.hljs-title,
.hljs-section,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
    color: #6fb351;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
    color: #75715e;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-selector-id {
}

.hljs-number{
    color: #6064da;
}