wiz_styleCSS

css

/**设置侧边UI**/
.wiznote-left-pane{
    background-color: unset !important;
}
.MuiTreeItem-content{
    color: black !important;
}
.wiznote-tree-item-selected-highlight{
    background-color: rgb(255 191 128 / 40%) !important;
}
.wiznote-split-left-pane-resizer{
    border-left: 1px solid #e7e8ea !important;
}
/* 笔记列表更紧凑 */
.wiznote-note-item-container {
  padding: 2px;
}
.editor-main .root-container .block-content{
    line-height: 1.8;
}

.wiznote-note-item div[draggable="true"] {
  padding: 0;
}

.wiznote-note-item-title {
  margin: 0;
}
.wiznote-note-item-abstract .MuiTypography-root{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    color: #83a6dd;
}
/***编辑器小改***/
.editor-main .root-container > .code-block {
  counter-reset: line;
}
.editor-main .root-container > .code-block .editor-block.code-line-block {
  margin-left: 16px;
}
.editor-main .editor-container.root-container div.editor-block.text-block{
  margin: 6px 0;
}
.editor-main .root-container>.editor-block:last-child {
  margin-bottom: 200px !important;
}
.editor-main .root-container > .code-block .editor-block.code-line-block:before {
  content: counter(line);
  counter-increment: line;
  position: absolute;
  left: -48px;
  top: 10px;
  z-index: var(--wiz-editor-z-block-counter);
  margin-top: -6px;
  display: block;
  width: 48px;
  padding-right: 8px;
  text-align: right;
  color: var(--editor-line-number-color);
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 1;
}
.editor-main .block-menu-button{
    margin-left: -10px;
}
.editor-main .root-container .image-embed{
    background-color: #F5F5F5;
    filter: saturate(1.2) contrast(1.03);
}
.editor-main .editor-block[class*='editor-heading-1']{
    color: red;
}
.editor-main .editor-block[class*='editor-heading-2']{
    color: #3500ff;
}
.editor-main .editor-block[class*='editor-heading-3']{
    color: #41a6ff;
}
/**
 * Copy without shadows
 * Based on Tim Shedor's Coy theme for prism.js
 * Author: RunDevelopment
 */

code[class*="language-"],
.code-block {
    color: black;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Code blocks */
.code-block {
    position: relative;
    border-left: 10px solid #358ccb;
    box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf;
    background-color: #fdfdfd;
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    background-attachment: local;
    margin: .5em 0;
    padding: 0 1em;
}

.code-block > code {
    display: block;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    position: relative;
    padding: .2em;
    border-radius: 0.3em;
    color: #c92c2c;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline;
    white-space: normal;
    background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.style-token.style-style-function-name,
.style-token.style-function{
    font-weight: bold;
    color: #c92c2c;
}

.style-token.style-comment,
.style-token.style-block-style-comment{
    color: white;
    background-color: #cf4f4f;
    padding: 2px 0;
}
.style-token.style-prolog,
.style-token.style-doctype,
.style-token.style-cdata {
    color: #7D8B99;
}

.style-token.style-punctuation {
    color: #5F6364;
}

.style-token.style-property,
.style-token.style-tag,
.style-token.style-boolean,
.style-token.style-number,
.style-token.style-constant,
.style-token.style-symbol,
.style-token.style-deleted {
    color: #c92c2c;
}

.style-token.style-selector,
.style-token.style-attr-name,
.style-token.style-string,
.style-token.style-char,
.style-token.style-builtin,
.style-token.style-inserted {
    color: #2f9c0a;
}

.style-token.style-operator,
.style-token.style-entity,
.style-token.style-url,
.style-token.style-variable {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.style-token.style-atrule,
.style-token.style-attr-value,
.style-token.style-keyword,
.style-token.style-class-name {
    color: #1990b8;
}

.style-token.style-regex,
.style-token.style-important {
    color: #e90;
}

.language-css .style-token.style-string,
.style .style-token.style-string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.style-token.style-important {
    font-weight: normal;
}

.style-token.style-bold {
    font-weight: style-bold;
}

.style-token.style-italic {
    font-style: style-italic;
}

.style-token.style-entity {
    cursor: help;
}

.style-token.style-namespace {
    opacity: .7;
}