dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 13:59:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update highlight (#2270)

Browse Source
This commit is contained in:
两双筷子 2022-10-08 21:54:47 +08:00 committed by GitHub
parent 89cd40d0cf
commit 038de48d54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 227 additions and 233 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/data/extra/themes/vue-light/highlight.css
View File

@ -8,9 +8,10 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: black; color: #525252;
background: none; background: none;
font-size: 1em; text-shadow: 0 1px white;
font-size: 0.9rem;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
@ -31,15 +32,15 @@ pre[class*="language-"] {
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none; text-shadow: none;
background-color: #1976d2; background-color: #1976D2;
color: #ffffff; color: white;
} }
pre[class*="language-"]::selection, pre[class*="language-"] ::selection, pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection { code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none; text-shadow: none;
background-color: #1976d2; background-color: #1976D2;
color: #ffffff; color: white;
} }
@media print { @media print {
@ -52,13 +53,14 @@ code[class*="language-"]::selection, code[class*="language-"] ::selection {
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: 1em; padding: 1em;
margin: .5em 0; margin: 0;
overflow: auto; overflow: auto;
border-radius: 4px;
} }
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
background: #ede8e4; background:#F8F8F8 !important;
} }
/* Inline code */ /* Inline code */
@ -72,7 +74,7 @@ pre[class*="language-"] {
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: slategray; color: #a50;
} }
.token.punctuation { .token.punctuation {
@ -113,7 +115,7 @@ pre[class*="language-"] {
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value,
.token.keyword { .token.keyword {
color: #07a; color: #708;
} }
.token.function, .token.function,
@ -148,6 +150,7 @@ pre[class*="language-"].line-numbers {
pre[class*="language-"].line-numbers > code { pre[class*="language-"].line-numbers > code {
position: relative; position: relative;
white-space: inherit; white-space: inherit;
letter-spacing: 1px;
} }
.line-numbers .line-numbers-rows { .line-numbers .line-numbers-rows {
@ -158,8 +161,8 @@ pre[class*="language-"].line-numbers > code {
left: -3.8em; left: -3.8em;
width: 3em; /* works for line-numbers below 1000 lines */ width: 3em; /* works for line-numbers below 1000 lines */
letter-spacing: -1px; letter-spacing: -1px;
border-right: 1px solid #999; border-right: 1px solid #ddd;
color: #999;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -186,8 +189,8 @@ div.code-toolbar {
div.code-toolbar > .toolbar { div.code-toolbar > .toolbar {
position: absolute; position: absolute;
top: .3em; top: 0;
right: .2em; right: 0;
transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
opacity: 0; opacity: 0;
} }
@ -226,20 +229,11 @@ div.code-toolbar > .toolbar button {
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span { div.code-toolbar > .toolbar span {
color: #bbb; color: #fff;
font-size: .8em; font-size: .8em;
padding: 0 .5em; font-weight: bold;
background: rgba(224, 224, 224, 0.2); padding: .2em .5em;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); border-radius: 0 4px 0 4px;
border-radius: .5em; background-color: #5C9DFF;
} }
div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
color: inherit;
text-decoration: none;
}