为知笔记吧 关注:9,475贴子:71,786
  • 3回复贴,共1

新版为知笔记的样式表分享

只看楼主收藏回复

/**设置侧边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;
}


IP属地:四川1楼2024-03-21 19:01回复
    但是好可惜,即使这样我也遇到了好几个问题:
    1. 我手机APP上登录不上去,报Network error,电脑上都好好的
    2. 分享笔记的时候,公开的链接居然需要登录才能访问,也比较头疼


    IP属地:四川4楼2024-03-21 20:32
    收起回复