style: refine syntax highlighting styles for better readability
This commit is contained in:
parent
a21aa34104
commit
0d470d43d8
1 changed files with 11 additions and 115 deletions
|
@ -22,9 +22,10 @@ body {
|
|||
background-color: rgb(var(--mdui-color-background));
|
||||
}
|
||||
|
||||
[class*="shj-lang-"] {
|
||||
.shj-lang-json {
|
||||
white-space: pre;
|
||||
color: #112;
|
||||
color: #f8f8f2;
|
||||
background: var(--mdui-color-secondary-container);
|
||||
text-shadow: none;
|
||||
box-sizing: border-box;
|
||||
background: #dedede;
|
||||
|
@ -35,6 +36,14 @@ body {
|
|||
font:
|
||||
18px / 24px monospace;
|
||||
box-shadow: 0 0 5px #0001;
|
||||
|
||||
:before {
|
||||
color: #6f9aff;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #bdf5;
|
||||
}
|
||||
}
|
||||
|
||||
.shj-inline {
|
||||
|
@ -44,103 +53,19 @@ body {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
[class*="shj-lang-"]::selection {
|
||||
background: #bdf5;
|
||||
}
|
||||
|
||||
[class*="shj-lang-"] ::selection {
|
||||
background: #bdf5;
|
||||
}
|
||||
|
||||
/*
|
||||
[class*="shj-lang-"] > div {
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[class*="shj-lang-"] > div :last-child {
|
||||
outline: none;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.shj-numbers {
|
||||
counter-reset: line;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.shj-numbers div {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.shj-numbers div:before {
|
||||
color: #999;
|
||||
content: counter(line);
|
||||
opacity: 0.5;
|
||||
text-align: right;
|
||||
counter-increment: line;
|
||||
margin-right: 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.shj-syn-cmnt {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.shj-syn-err,
|
||||
.shj-syn-kwd {
|
||||
color: #e16;
|
||||
}
|
||||
|
||||
.shj-syn-num,
|
||||
.shj-syn-class {
|
||||
color: #f60;
|
||||
}
|
||||
*/
|
||||
.shj-syn-insert,
|
||||
.shj-syn-str {
|
||||
color: #7d8;
|
||||
}
|
||||
|
||||
/*
|
||||
.shj-syn-bool {
|
||||
color: #3bf;
|
||||
}
|
||||
|
||||
.shj-syn-type,
|
||||
.shj-syn-oper {
|
||||
color: #5af;
|
||||
}
|
||||
|
||||
.shj-syn-section,
|
||||
.shj-syn-func {
|
||||
color: #84f;
|
||||
}
|
||||
*/
|
||||
.shj-syn-deleted,
|
||||
.shj-syn-var {
|
||||
color: #f44;
|
||||
}
|
||||
|
||||
/*
|
||||
.shj-oneline {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
|
||||
.shj-lang-http.shj-oneline .shj-syn-kwd {
|
||||
color: #fff;
|
||||
background: #25f;
|
||||
border-radius: 5px;
|
||||
padding: 5px 7px;
|
||||
}
|
||||
*/
|
||||
[class*="shj-lang-"] {
|
||||
color: #f8f8f2;
|
||||
background: var(--mdui-color-secondary-container);
|
||||
}
|
||||
|
||||
[class*="shj-lang-"]:before {
|
||||
color: #6f9aff;
|
||||
}
|
||||
|
||||
.shj-syn-deleted,
|
||||
.shj-syn-err,
|
||||
|
@ -148,36 +73,7 @@ body {
|
|||
color: #ff5261;
|
||||
}
|
||||
|
||||
/*
|
||||
.shj-syn-section,
|
||||
.shj-syn-kwd {
|
||||
color: #ff7cc6;
|
||||
}
|
||||
|
||||
.shj-syn-class {
|
||||
color: #eab07c;
|
||||
}
|
||||
|
||||
.shj-numbers,
|
||||
.shj-syn-cmnt {
|
||||
color: #7d828b;
|
||||
}
|
||||
|
||||
.shj-syn-insert,
|
||||
.shj-syn-type,
|
||||
.shj-syn-func,
|
||||
.shj-syn-bool {
|
||||
color: #71d58a;
|
||||
}
|
||||
|
||||
.shj-syn-num {
|
||||
color: #b581fd;
|
||||
}
|
||||
|
||||
.shj-syn-oper {
|
||||
color: #80c6ff;
|
||||
}
|
||||
*/
|
||||
.shj-syn-str {
|
||||
color: #4dacfa;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue