add dark themes (#2009)

* 新增dark主题

* 新增dark主题
This commit is contained in:
YiChuJun 2022-01-05 15:14:51 +08:00 committed by GitHub
parent 126091c080
commit 727fade948
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
34 changed files with 2953 additions and 0 deletions

View File

@ -0,0 +1,174 @@
{
"metadata" : {
"revision" : 1,
"name" : "dark_vs"
},
"text-styles": {
"Normal" : {
"text-color" : "#ffffff",
"selected-text-color" : "#ffffff",
"bold" : false,
"italic" : false,
"underline" : false,
"strike-through" : false
},
"Keyword" : {
"text-color" : "#569cd6",
"selected-text-color" : "#469cd6",
"bold" : true
},
"Function" : {
"text-color" : "#dcdcaa",
"selected-text-color" : "#ccdcaa"
},
"Variable" : {
"text-color" : "#0057ae",
"selected-text-color" : "#00316e"
},
"ControlFlow" : {
"text-color" : "#569cd6",
"selected-text-color" : "#469cd6",
"bold" : true
},
"Operator" : {
"text-color" : "#1f1c1b",
"selected-text-color" : "#ffffff"
},
"BuiltIn" : {
"text-color" : "#4ec9b0",
"selected-text-color" : "#5ec9b0",
"bold" : true
},
"Extension" : {
"text-color" : "#0095ff",
"selected-text-color" : "#ffffff",
"bold" : true
},
"Preprocessor" : {
"text-color" : "#006e28",
"selected-text-color" : "#006e28"
},
"Attribute" : {
"text-color" : "#0057ae",
"selected-text-color" : "#00316e"
},
"Char" : {
"text-color" : "#924c9d",
"selected-text-color" : "#6c2477"
},
"SpecialChar" : {
"text-color" : "#3daee9",
"selected-text-color" : "#fcfcfc"
},
"String" : {
"text-color" : "#bf0303",
"selected-text-color" : "#9c0e0e"
},
"VerbatimString" : {
"text-color" : "#bf0303",
"selected-text-color" : "#9c0e0e"
},
"SpecialString" : {
"text-color" : "#ff5500",
"selected-text-color" : "#ff5500"
},
"Import" : {
"text-color" : "#ff5500",
"selected-text-color" : "#ff5500"
},
"DataType" : {
"text-color" : "#0057ae",
"selected-text-color" : "#00316e"
},
"DecVal" : {
"text-color" : "#b08000",
"selected-text-color" : "#805c00"
},
"BaseN" : {
"text-color" : "#b08000",
"selected-text-color" : "#805c00"
},
"Float" : {
"text-color" : "#b08000",
"selected-text-color" : "#805c00"
},
"Constant" : {
"text-color" : "#aa5500",
"selected-text-color" : "#5e2f00"
},
"Comment" : {
"text-color" : "#6A9955",
"selected-text-color" : "#7A9955"
},
"Documentation" : {
"text-color" : "#607880",
"selected-text-color" : "#46585e"
},
"Annotation" : {
"text-color" : "#ca60ca",
"selected-text-color" : "#a44ea4"
},
"CommentVar" : {
"text-color" : "#0095ff",
"selected-text-color" : "#ffffff"
},
"RegionMarker" : {
"text-color" : "#0057ae",
"selected-text-color" : "#00316e",
"background-color" : "#e0e9f8"
},
"Information" : {
"text-color" : "#b08000",
"selected-text-color" : "#805c00"
},
"Warning" : {
"text-color" : "#bf0303",
"selected-text-color" : "#9c0e0e"
},
"Alert" : {
"text-color" : "#bf0303",
"selected-text-color" : "#9c0e0e",
"background-color" : "#f7e6e6",
"bold" : true
},
"Error" : {
"text-color" : "#bf0303",
"selected-text-color" : "#9c0e0e",
"underline" : true
},
"Others" : {
"text-color" : "#006e28",
"selected-text-color" : "#006e28"
}
},
"editor-colors": {
"background-color" : "#ffffff",
"code-folding" : "#94caef",
"bracket-matching" : "#ffff00",
"current-line" : "#f8f7f6",
"icon-border" : "#f0f0f0",
"indentation-line" : "#d2d2d2",
"line-numbers" : "#a0a0a0",
"current-line-number" : "#1e1e1e",
"mark-bookmark" : "#0000ff",
"mark-breakpoint-active" : "#ff0000",
"mark-breakpoint-reached" : "#ffff00",
"mark-breakpoint-disabled" : "#ff00ff",
"mark-execution" : "#a0a0a4",
"mark-warning" : "#00ff00",
"mark-error" : "#ff0000",
"modified-lines" : "#fdbc4b",
"replace-highlight" : "#00ff00",
"saved-lines" : "#2ecc71",
"search-highlight" : "#ffff00",
"selection" : "#94caef",
"separator" : "#898887",
"spell-checking" : "#bf0303",
"tab-marker" : "#d2d2d2",
"template-background" : "#d6d2d0",
"template-placeholder" : "#baf8ce",
"template-focused-placeholder" : "#76da98",
"template-read-only-placeholder" : "#f6e6e6",
"word-wrap-marker" : "#ededed"
}
}

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<g>
<polygon fill="#9EA5B4" points="128,192 256,320 384,192 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 548 B

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<g>
<polygon fill="#4D5765" points="128,192 256,320 384,192 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 548 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
<polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192 "/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 295 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g id="svg_1">
<polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192 "/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 247 B

View File

@ -0,0 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#9EA5B4" fill="#000000"/>
<path stroke-opacity="0" id="svg_3" d="m126,243.24589l27.93756,-27.94743l76.53449,76.52461l127.58052,-127.54102l27.94743,27.92768l-155.52795,155.50821" stroke-width="5" fill="#9EA5B4" stroke="#000000"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 555 B

View File

@ -0,0 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#4D5765" fill="#000000"/>
<path stroke-opacity="0" id="svg_3" d="m126,243.24589l27.93756,-27.94743l76.53449,76.52461l127.58052,-127.54102l27.94743,27.92768l-155.52795,155.50821" stroke-width="5" fill="#4D5765" stroke="#000000"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 555 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#9EA5B4" fill="#000000"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 350 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#4D5765" fill="#000000"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 350 B

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#9EA5B4" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1
c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1
c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 995 B

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#636D81" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1
c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1
c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 995 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="null" id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#9EA5B4"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 264 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="null" id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#4D5765"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 264 B

View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1609212036301" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2311" width="512" height="512" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M37.415385 689.230769V177.230769c0-76.8 61.046154-137.846154 137.846153-137.846154h512c76.8 0 137.846154 61.046154 137.846154 137.846154v59.076923h-118.153846V177.230769c0-11.815385-7.876923-19.692308-19.692308-19.692307h-512c-11.815385 0-19.692308 7.876923-19.692307 19.692307v512c0 11.815385 7.876923 19.692308 19.692307 19.692308h59.076924v118.153846h-59.076924c-76.8 0-137.846154-61.046154-137.846153-137.846154z m866.461538-374.153846h-512c-43.323077 0-78.769231 35.446154-78.769231 78.769231v512c0 43.323077 35.446154 78.769231 78.769231 78.769231h512c43.323077 0 78.769231-35.446154 78.769231-78.769231V393.846154c0-43.323077-35.446154-78.769231-78.769231-78.769231z m-78.769231 496.246154c0 9.846154-5.907692 15.753846-17.723077 15.753846H578.953846c-9.846154 0-19.692308-9.846154-19.692308-17.723077v-35.446154c0-9.846154 9.846154-19.692308 19.692308-19.692307h94.523077c11.815385 0 15.753846-11.815385 9.846154-19.692308L478.523077 529.723077c-7.876923-5.907692-7.876923-17.723077 0-25.6l25.6-23.630769c5.907692-7.876923 17.723077-7.876923 23.630769 0l204.8 204.8c7.876923 7.876923 19.692308 1.969231 19.692308-9.846154v-94.523077c0-11.815385 11.815385-19.692308 21.661538-19.692308h35.446154c9.846154 0 15.753846 9.846154 15.753846 19.692308v230.4z" p-id="2312" fill="#9EA5B4"></path></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,249 @@
/* PrismJS 1.21.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cil+clojure+cmake+coffeescript+concurnas+csp+crystal+css-extras+cypher+d+dart+dax+dhall+diff+django+dns-zone-file+docker+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+pascaligo+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+properties+protobuf+pug+puppet+pure+purebasic+python+q+qml+qore+r+racket+jsx+tsx+reason+regex+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-numbers+toolbar+copy-to-clipboard+filter-highlight-all */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: #ccc;
background: none;
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;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background-color: #1976d2;
color: #f5f5f5;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background-color: #1976d2;
color: #f5f5f5;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
/* Code background */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #161616;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #6A9955;
}
.token.punctuation {
color: #999;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #9cdcfe;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #b5cea8;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #ce9178;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #569cd6;
}
.token.function{
color: #dcdcaa;
}
.token.class-name {
color: #4ec9b0;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre[class*="language-"].line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre[class*="language-"].line-numbers > code {
position: relative;
white-space: inherit;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em; /* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid #999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: #999;
display: block;
padding-right: 0.8em;
text-align: right;
}
div.code-toolbar {
position: relative;
}
div.code-toolbar > .toolbar {
position: absolute;
top: .3em;
right: .2em;
transition: opacity 0.3s ease-in-out;
opacity: 0;
}
div.code-toolbar:hover > .toolbar {
opacity: 1;
}
/* Separate line b/c rules are thrown out if selector is invalid.
IE11 and old Edge versions don't support :focus-within. */
div.code-toolbar:focus-within > .toolbar {
opacity: 1;
}
div.code-toolbar > .toolbar .toolbar-item {
display: inline-block;
}
div.code-toolbar > .toolbar a {
cursor: pointer;
}
div.code-toolbar > .toolbar button {
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-user-select: none; /* for button */
-moz-user-select: none;
-ms-user-select: none;
}
div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
color: #bbb;
font-size: .8em;
padding: 0 .5em;
background: rgba(224, 224, 224, 0.2);
box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
border-radius: .5em;
}
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;
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(90 255.99999999999997,256.00000000000006) " id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#9EA5B4"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 309 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(90 255.99999999999997,256.00000000000006) " id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#4D5765"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 309 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<path stroke-opacity="0" id="svg_3" d="m126,243.24589l27.93756,-27.94743l76.53449,76.52461l127.58052,-127.54102l27.94743,27.92768l-155.52795,155.50821" stroke-width="5" fill="#9EA5B4" stroke="#000000"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 353 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle fill="#9EA5B4" stroke="#000000" stroke-width="20" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" cx="257.00002" cy="256" r="83.2406" id="svg_11"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 346 B

View File

@ -0,0 +1,652 @@
{
"metadata" : {
"revision" : 0,
"//comment" : "If there is a file named 'editor-highlight.theme' under theme folder, this value will be ignored.",
"//comment" : "Otherwise, this value specify the theme name to use for syntax highlighting.",
"editor-highlight-theme" : "dark_vs",
"//comment" : "If there is a file named 'markdown-editor-highlight.theme' under theme folder, this value will be ignored.",
"//comment" : "Otherwise, this value specify the theme name to use for syntax highlighting.",
"//comment" : "If empty, 'editor-highlight-theme' will be used.",
"markdown-editor-highlight-theme" : "dark_vs",
"display_name" : "dark_vs",
"//comment" : "Display name for different locales",
"display_name_zh_CN" : "黑暗"
},
"palette" : {
"bg1_1" : "#07080d",
"bg1_2" : "#101215",
"bg1_3" : "#181b20",
"bg1_4" : "#21252b",
"bg1_5" : "#1e1e1e",
"bg1_51" : "#252526",
"bg1_6" : "#4c4c4c",
"bg1_7" : "#4c4c4c",
"bg1_71" : "#535d6c",
"bg1_8" : "#576071",
"bg1_9" : "#657184",
"fg1_1" : "#7e899d",
"fg1_2" : "#8a93a6",
"fg1_3" : "#959eae",
"fg1_4" : "#a0a8b7",
"fg1_5" : "#ccccc2",
"fg1_6" : "#b6bcc7",
"fg1_7" : "#c1c6d0",
"fg1_8" : "#cccccc",
"fg1_9" : "#07080d",
"fg1_10" :"#e3e5e9",
"bg2_2" : "#3a4ba6",
"bg2_3" : "#3f52b4",
"bg2_4" : "#3f52b4",
"bg2_5" : "#ffffff",
"bg2_6" : "#7482ce",
"bg2_7" : "#7482ce",
"bg2_8" : "#838fd3",
"bg2_9" : "#838fd3",
"fg10" : "#b71c1c",
"fg11" : "#ab5683",
"fg12" : "#5768c4",
"fg13" : "#b42b1f",
"fg15_3" : "#60697c",
"fg15_4" : "#60697c",
"fg15_5" : "#c5c5c5",
"bg10_4" : "#2d323b",
"bg10_5" : "#252526",
"bg10_6" : "#3c414d",
"bg10_7" : "#444b58",
"bg10_8" : "#5a5f66",
"bg11" : "#5a5f66"
},
"base" : {
"normal" : {
"fg" : "@palette#fg1_5",
"bg" : "@palette#bg1_5",
"border" : "@palette#bg1_6"
},
"master" : {
"fg" : "@palette#fg1_9",
"bg" : "@palette#bg2_5",
"alt" : "@palette#bg2_4"
},
"header" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg"
},
"footer" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg"
},
"title" : {
"fg" : "@base#normal#fg",
"bg" : "@palette#bg1_51"
},
"content" : {
"fg" : "@palette#fg1_8",
"bg" : "@palette#bg10_5",
"border" : "@base#normal#border",
"disabled" : {
"fg" : "@base#disabled#fg",
"bg" : "@base#content#bg"
},
"pressed" : {
"fg" : "@base#pressed#fg",
"bg" : "@base#pressed#bg"
},
"focus" : {
"fg" : "@base#content#fg",
"bg" : "@base#focus#bg",
"border" : "@base#master#bg"
},
"hover" : {
"fg" : "@base#content#fg",
"bg" : "@base#hover#bg",
"border" : "@base#master#bg"
},
"selection" : {
"fg" : "@palette#fg1_10",
"bg" : "@palette#bg11"
},
"selected" : {
"fg" : "@base#content#fg",
"bg" : "@base#selected#bg",
"active" : {
"fg" : "@base#content#selected#fg",
"bg" : "@base#content#selected#bg"
},
"inactive" : {
"fg" : "@base#content#selected#fg",
"bg" : "@base#content#hover#bg"
}
}
},
"error" : {
"fg" : "@palette#fg10"
},
"warning" : {
"fg" : "@palette#fg11"
},
"info" : {
"fg" : "@palette#fg12"
},
"danger" : {
"fg": "@palette#fg1_10",
"bg": "@palette#fg13"
},
"disabled" : {
"fg" : "@palette#fg1_1",
"bg" : "@base#normal#bg"
},
"pressed" : {
"fg" : "@palette#fg1_3",
"bg" : "@palette#bg1_3"
},
"focus" : {
"fg" : "@palette#fg1_8",
"bg" : "@palette#bg1_6"
},
"hover" : {
"fg" : "@palette#fg1_8",
"bg" : "@palette#bg1_7"
},
"selected" : {
"fg" : "@palette#fg1_9",
"bg" : "@palette#bg1_8"
},
"icon" : {
"fg" : "@palette#fg15_5",
"inactive" : {
"fg" : "@palette#fg15_4"
},
"disabled" : {
"fg" : "@palette#fg15_3"
},
"warning" : {
"fg" : "@base#warning#fg"
},
"danger" : {
"fg": "@base#danger#fg"
},
"selected" : {
"fg" : "@base#master#bg"
}
}
},
"widgets" : {
"separator" : {
"bg" : "@base#normal#border"
},
"qwidget" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg",
"info" : {
"border" : "@base#info#fg"
},
"warning" : {
"border" : "@base#warning#fg"
},
"error" : {
"border" : "@base#error#fg"
},
"danger" : {
"fg" : "@base#danger#fg",
"bg" : "@base#danger#bg"
}
},
"toolbox" : {
"title" : {
"border" : "@widgets#toolbox#title#button#active#bg",
"button": {
"fg" : "@base#normal#fg",
"active" : {
"fg" : "@base#master#fg",
"bg" : "@base#master#bg"
}
}
}
},
"titlebar" : {
"button" : {
"fg" : "@base#icon#fg"
},
"menu_icon" : {
"fg" : "@base#icon#fg",
"disabled" : {
"fg" : "@base#icon#disabled#fg"
}
}
},
"toolbar" : {
"icon" : {
"fg" : "@base#icon#fg",
"disabled" : {
"fg" : "@base#icon#disabled#fg"
},
"danger" : {
"fg" : "@base#icon#danger#fg"
}
}
},
"notebookexplorer" : {
"node_icon" : {
"fg" : "@base#icon#fg",
"invalid" : {
"fg" : "@base#icon#warning#fg"
}
},
"external_node_icon" : {
"fg" : "@base#icon#inactive#fg"
}
},
"locationlist" : {
"node_icon" : {
"fg" : "@base#icon#fg"
}
},
"viewsplit" : {
"action_button" : {
"fg" : "@base#icon#inactive#fg",
"active" : {
"fg" : "@base#icon#fg"
}
},
"tabbar" : {
"tab" : {
"selected" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg"
}
}
},
"flash" : {
"bg" : "@base#master#alt"
}
},
"qmainwindow" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg",
"separator" : {
"bg" : "@widgets#separator#bg"
}
},
"dragdropareaindicator" : {
"fg" : "@base#normal#fg",
"border" : "@widgets#dragdropareaindicator#fg"
},
"navigationlabel" : {
"fg" : "@widgets#toolbox#title#button#active#fg",
"bg" : "@widgets#toolbox#title#button#active#bg"
},
"qmenu" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg",
"border" : "@base#normal#border",
"item" : {
"selected" : {
"fg" : "@base#selected#fg",
"bg" : "@base#selected#bg"
},
"disabled" : {
"fg" : "@base#disabled#fg"
}
},
"separator" : {
"bg" : "@widgets#separator#bg"
}
},
"qtooltip" : {
"fg" : "@base#master#fg",
"bg" : "@base#master#bg"
},
"qtoolbar" : {
"bg" : "@base#header#bg",
"separator" : {
"bg" : "@widgets#separator#bg"
},
"extension" : {
"bg" : "@base#normal#border",
"hover" : {
"bg" : "@base#hover#bg"
}
}
},
"qtoolbutton" : {
"fg" : "@base#normal#fg",
"bg" : "transparent",
"checked" : {
"fg" : "@base#selected#fg",
"bg" : "@base#selected#bg"
},
"hover" : {
"fg" : "@base#hover#fg",
"bg" : "@base#hover#bg"
},
"pressed" : {
"fg" : "@base#pressed#fg",
"bg" : "@base#pressed#bg"
}
},
"qdockwidget" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg",
"title" : {
"bg" : "@base#title#bg",
"button" : {
"hover" : {
"bg" : "@base#hover#bg"
}
}
}
},
"qpushbutton" : {
"fg" : "@base#normal#fg",
"bg" : "transparent",
"border" : "@base#normal#border",
"default" : {
"border" : "@base#master#bg"
},
"focus" : {
"fg" : "@base#focus#fg",
"bg" : "@base#focus#bg"
},
"checked" : {
"fg" : "@base#selected#fg",
"bg" : "@base#selected#bg"
},
"hover" : {
"fg" : "@base#hover#fg",
"bg" : "@base#hover#bg"
},
"pressed" : {
"fg" : "@base#pressed#fg",
"bg" : "@base#pressed#bg"
},
"disabled" : {
"fg" : "@base#disabled#fg",
"bg" : "@widgets#qpushbutton#bg"
}
},
"qdialog" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg"
},
"qcombobox" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"border" : "@base#content#border",
"focus" : {
"bg" : "@base#content#focus#bg",
"border" : "@base#content#focus#border"
},
"hover" : {
"bg" : "@base#content#hover#bg",
"border" : "@base#content#hover#border"
},
"disabled" : {
"fg" : "@base#content#disabled#fg"
},
"view" : {
"border" : "@base#content#border",
"bg" : "@widgets#qcombobox#bg",
"selection" : {
"fg" : "@base#content#selection#fg",
"bg" : "@base#content#selection#bg"
}
},
"item" : {
"hover" : {
"fg" : "@base#content#hover#fg",
"bg" : "@base#content#hover#bg"
}
}
},
"qlabel" : {
"fg" : "@base#normal#fg"
},
"qlineedit" : {
"border" : "@base#content#border",
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"selection" : {
"fg" : "@base#content#selection#fg",
"bg" : "@base#content#selection#bg"
},
"focus" : {
"bg" : "@base#content#focus#bg",
"border" : "@base#content#focus#border"
},
"hover" : {
"bg" : "@base#content#hover#bg",
"border" : "@base#content#hover#border"
},
"disabled" : {
"fg" : "@base#content#disabled#fg"
}
},
"qtabbar" : {
"tab" : {
"fg" : "@base#normal#fg",
"bg" : "@base#normal#bg",
"border" : "@base#normal#border",
"hover" : {
"fg" : "@base#hover#fg",
"bg" : "@base#hover#bg"
},
"selected" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"border" : "@base#master#bg"
}
}
},
"qtreeview" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"item" : {
"hover" : {
"fg" : "@base#content#hover#fg",
"bg" : "@base#content#hover#bg"
},
"selected" : {
"fg" : "@base#content#selected#fg",
"bg" : "@base#content#selected#bg",
"active" : {
"fg" : "@base#content#selected#active#fg",
"bg" : "@base#content#selected#active#bg"
},
"inactive" : {
"fg" : "@base#content#selected#inactive#fg",
"bg" : "@base#content#selected#inactive#bg"
}
}
}
},
"qlistview" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"item" : {
"hover" : {
"fg" : "@base#content#hover#fg",
"bg" : "@base#content#hover#bg"
},
"selected" : {
"fg" : "@base#content#selected#fg",
"bg" : "@base#content#selected#bg",
"active" : {
"fg" : "@base#content#selected#active#fg",
"bg" : "@base#content#selected#active#bg"
},
"inactive" : {
"fg" : "@base#content#selected#inactive#fg",
"bg" : "@base#content#selected#inactive#bg"
}
}
}
},
"qsplitter" : {
"handle" : {
"bg" : "@base#normal#border",
"pressed" : {
"bg" : "@base#pressed#bg"
}
}
},
"qstatusbar" : {
"fg" : "@base#footer#fg",
"bg" : "@base#footer#bg"
},
"qscrollbar" : {
"bg" : "@base#normal#bg",
"addpage" : {
"bg" : "transparent"
},
"handle" : {
"bg" : "@palette#bg1_6",
"hover" : {
"bg" : "@palette#bg1_71"
},
"pressed" : {
"bg" : "@palette#bg1_7"
}
}
},
"qcheckbox" : {
"disabled" : {
"fg" : "@base#disabled#fg"
},
"indicator" : {
"focus" : {
"bg" : "@base#focus#bg"
},
"hover" : {
"bg" : "@base#hover#bg"
},
"pressed" : {
"bg" : "@base#pressed#bg"
}
}
},
"qradiobutton" : {
"disabled" : {
"fg" : "@base#disabled#fg"
},
"indicator" : {
"focus" : {
"bg" : "@base#focus#bg"
},
"hover" : {
"bg" : "@base#hover#bg"
},
"pressed" : {
"bg" : "@base#pressed#bg"
}
}
},
"qspinbox" : {
"border" : "@base#content#border",
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"disabled" : {
"fg" : "@base#content#disabled#fg",
"bg" : "@base#content#disabled#bg"
},
"selection" : {
"fg" : "@base#content#selection#fg",
"bg" : "@base#content#selection#bg"
},
"focus" : {
"bg" : "@base#content#focus#bg",
"border" : "@base#content#focus#border"
},
"hover" : {
"bg" : "@base#content#hover#bg",
"border" : "@base#content#hover#border"
},
"button" : {
"hover" : {
"bg" : "@base#content#hover#bg"
},
"pressed" : {
"bg" : "@base#content#pressed#bg"
}
}
},
"qheaderview" : {
"section" : {
"fg" : "@base#content#fg",
"bg" : "@base#content#bg",
"border" : "@base#content#border",
"checked" : {
"fg" : "@base#content#selected#fg",
"bg" : "@base#content#selected#bg"
}
}
},
"qprogressbar" : {
"bg" : "@base#content#bg",
"border" : "@base#content#border",
"chunk" : {
"bg" : "@base#master#alt"
}
},
"qgroupbox" : {
"border" : "@base#normal#border",
"title" : {
"fg" : "@base#normal#fg"
}
},
"qabstractscrollarea" : {
"border" : "@base#normal#border",
"corner" : {
"bg" : "@widgets#qscrollbar#bg"
}
},
"qslider" : {
"groove" : {
"bg" : "@base#content#bg",
"border" : "@base#content#border"
},
"handle" : {
"border" : "@base#content#border",
"bg" : "@base#master#bg"
},
"subpage" : {
"border" : "@widgets#qslider#handle#border",
"bg" : "@base#master#alt"
}
},
"viewwindow" : {
"toolbar" : {
"bg" : "@base#content#bg"
}
},
"quickselector" : {
"item_icon" : {
"fg" : "@palette#bg2_9",
"border" : "@palette#bg2_9"
}
},
"styleditemdelegate" : {
"separator" : {
"fg" : "@base#normal#fg",
"bg" : "@widgets#separator#bg"
},
"highlight" : {
"fg" : "@base#master#fg",
"bg" : "@base#master#bg"
}
},
"mainwindow" : {
"dockwidget_tabbar" : {
"icon" : {
"fg" : "@base#icon#fg",
"selected" : {
"fg" : "@base#icon#selected#fg"
}
}
},
"tips_label" : {
"fg" : "@base#master#fg",
"bg" : "@base#master#bg"
}
}
}
}

View File

@ -0,0 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#9EA5B4"/>
<circle fill="#9EA5B4" stroke="#000000" stroke-width="20" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" cx="256.00002" cy="256" r="83.2406" id="svg_11"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 549 B

View File

@ -0,0 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#4D5765"/>
<circle fill="#4D5765" stroke="#000000" stroke-width="20" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" cx="256.00002" cy="256" r="83.2406" id="svg_11"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 549 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#9EA5B4"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 351 B

View File

@ -0,0 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#4D5765"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 351 B

View File

@ -0,0 +1,34 @@
# 参考信息
参考教程:[主题和样式](https://vnotex.github.io/vnote/zh_cn/#!docs/用户/主题和样式.md)
同时参考群友Nriver的GitHub教程[vnote-solarized-theme](https://github.com/Nriver/vnote-solarized-theme#自定义主题)
(本文档见主题根目录```readme.md```文件 )
## 主题相关
本主题参考vscode 深色Visual Studio主题
工具vscode
插件Color Highlight颜色显示
颜色提取Faststone Capture屏幕取色
# 相关文件参考
## 主题样式
> 使用```palette.json```进行调配
## 阅读模式
> 使用```web.css```进行文章样式调整,使用```highlight.css```定义语法高亮
## 编辑模式
> 使用```text-editor.theme```进行样式调整
## 笨方法改主题
1. 安装vscode插件Color Highlight以预览颜色
2. 使用任意屏幕取色工具抓取主题颜色代码
3. 修改主题样式
1. 打开`palette.json`搜抓取到的颜色代码,替换为自己想要的颜色代码
附上对照表供参考
在线编辑地址:[vnote主题定义文档](https://kdocs.cn/l/sgsmnihByJWO)

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
<polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192 "/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 295 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
<polygon fill="#4D5765" id="svg_2" points="128,192 256,320 384,192 "/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 295 B

View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1609394859499" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3664" width="512" height="512" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M938.666667 938.666667 853.333333 938.666667 853.333333 853.333333 938.666667 853.333333 938.666667 938.666667M938.666667 768 853.333333 768 853.333333 682.666667 938.666667 682.666667 938.666667 768M768 938.666667 682.666667 938.666667 682.666667 853.333333 768 853.333333 768 938.666667M768 768 682.666667 768 682.666667 682.666667 768 682.666667 768 768M597.333333 938.666667 512 938.666667 512 853.333333 597.333333 853.333333 597.333333 938.666667M938.666667 597.333333 853.333333 597.333333 853.333333 512 938.666667 512 938.666667 597.333333Z" p-id="3665" fill="#9EA5B4"></path></svg>

After

Width:  |  Height:  |  Size: 969 B

View File

@ -0,0 +1,199 @@
{
"metadata" : {
"revision" : 0,
"name" : "dark_vs",
"type" : "vtextedit"
},
"editor-styles" : {
"Text" : {
"//comment" : "Support a list of fonts separated by ,",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New",
"font-size" : 12,
"text-color" : "#D4D4D4",
"background-color" : "#1E1E1E",
"selected-text-color" : "#f5f5f5",
"selected-background-color" : "#1976d2"
},
"CursorLine" : {
"background-color" : "#282828"
},
"TrailingSpace" : {
"background-color" : "#303030"
},
"Tab" : {
"background-color" : "#303030"
},
"SelectedText" : {
"//comment" : "Selected text highlight",
"text-color" : "#C0C0C0",
"background-color" : "#343a40"
},
"IndicatorsBorder" : {
"text-color" : "#aaaaaa",
"background-color" : "#1E1E1E"
},
"CurrentLineNumber" : {
"text-color" : "#D4D4D4"
},
"Folding" : {
"text-color" : "#6495ed"
},
"FoldedFolding" : {
"text-color" : "#4169e1"
},
"FoldingHighlight" : {
"text-color" : "#a9c4f5"
},
"FoldedFoldingRangeLine" : {
"background-color" : "#befbdd"
},
"IncrementalSearch" : {
"//comment" : "Incremental search highlight",
"text-color" : "#D4D4D4",
"background-color" : "#ce93d8"
},
"Search" : {
"//comment" : "Search highlight",
"text-color" : "#D4D4D4",
"background-color" : "#4db6ac"
},
"SearchUnderCursor" : {
"//comment" : "Search highlight under cursor",
"text-color" : "#D4D4D4",
"background-color" : "#66bb6a"
}
},
"//comment" : "Override the Text style in editor-styles",
"markdown-editor-styles" : {
"Text" : {
"//comment" : "Support a list of fonts separated by ,",
"font-family" : "YaHei Consolas Hybrid, 冬青黑体, Microsoft YaHei, 微软雅黑, Microsoft YaHei UI, WenQuanYi Micro Hei, 文泉驿雅黑, Dengxian, 等线体, STXihei, 华文细黑, Liberation Sans, Droid Sans, NSimSun, 新宋体, SimSun, 宋体, Verdana, Helvetica, Tahoma, Arial, Geneva, Georgia, Times New Roman",
"font-size" : 12,
"text-color" : "#D4D4D4",
"background-color" : "#1E1E1E",
"selected-text-color" : "#1E1E1E",
"selected-background-color" : "#1976d2"
}
},
"markdown-syntax-styles" : {
"H1" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 17
},
"H2" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 16
},
"H3" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 15
},
"H4" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 14
},
"H5" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 13
},
"H6" : {
"text-color" : "#D4D4D4",
"bold" : true,
"font-size" : 12
},
"HRULE" : {
"text-color" : "#D4D4D4",
"background-color" : "#dac7c9"
},
"LIST_BULLET" : {
"text-color" : "#6797e6",
"bold" : true
},
"LIST_ENUMERATOR" : {
"text-color" : "#6797e6"
},
"LINK" : {
"text-color" : "#ce8349"
},
"AUTO_LINK_URL" : {
"text-color" : "#ce8349"
},
"AUTO_LINK_EMAIL" : {
"text-color" : "#ce8349"
},
"IMAGE" : {
"text-color" : "#616161"
},
"REFERENCE" : {
"text-color" : "#826200"
},
"CODE" : {
"text-color" : "#ce8349",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"EMPH" : {
"italic" : true
},
"STRONG" : {
"bold" : true
},
"HTML_ENTITY" : {
"text-color" : "#8900b5"
},
"HTML" : {
"text-color" : "#8900b5"
},
"HTMLBLOCK" : {
"text-color" : "#8900b5"
},
"COMMENT" : {
"text-color" : "#8900b5"
},
"VERBATIM" : {
"text-color" : "#8900b5",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"//comment" : "Please modify the syntax highlight theme as well if you change this",
"FENCEDCODEBLOCK" : {
"text-color" : "#ffffff",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"BLOCKQUOTE" : {
"text-color" : "#00af00"
},
"NOTE" : {
"text-color" : "#0087b5"
},
"STRIKE" : {
"text-color" : "#b71c1c",
"strike-through" : true
},
"FRONTMATTER" : {
"text-color" : "#6c6c6c"
},
"INLINEEQUATION" : {
"text-color" : "#00897b",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"DISPLAYFORMULA" : {
"text-color" : "#00897b",
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"MARK" : {
"text-color" : "#D4D4D4",
"background-color" : "#ffff76"
},
"TABLE" : {
"font-family" : "YaHei Consolas Hybrid, Consolas, Monaco, Andale Mono, Monospace, Courier New"
},
"TABLEBORDER" : {
"text-color" : "#d33682",
"background-color" : "#e0e0e0"
}
}
}

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(180 255.99999999999997,256) " id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#9EA5B4"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 295 B

View File

@ -0,0 +1,8 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<g transform="rotate(180 255.99999999999997,256) " id="svg_1">
<polygon points="128,192 256,320 384,192 " id="svg_2" fill="#4D5765"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 295 B

View File

@ -0,0 +1,285 @@
body {
margin: 0 auto;
font-family: "YaHei Consolas Hybrid", "Noto Sans", "Helvetica Neue", "Segoe UI", Helvetica, Tahoma, Arial, Geneva, Georgia, Palatino, "Times New Roman", "冬青黑体", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "文泉驿雅黑", Dengxian, "等线体", STXihei, "华文细黑", "Liberation Sans", "Droid Sans", NSimSun, "新宋体", SimSun, "宋体", "Apple Color Emoji", "Segoe UI Emoji";
color: #D4D4D4;
line-height: 1.5;
padding: 16px;
background-color: #1E1E1E;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
color: #D4D4D4;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
}
p {
padding: 0;
margin-bottom: 16px;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 19px;
}
h6 {
font-size: 18px;
}
a {
color: #0099ff;
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
word-break: break-word;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #800080;
}
ul, ol {
padding: 0;
padding-left: 24px;
}
li {
line-height: 24px;
}
li ul, li ol {
margin-left: 16px;
}
p, ul, ol {
font-size: 16px;
line-height: 24px;
}
pre {
display: block;
overflow-y: hidden;
overflow-x: auto;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
code {
font-family: "YaHei Consolas Hybrid", Consolas, Monaco, "Andale Mono", Monospace, "Courier New";
color: #ce8349;
word-break: break-word;
}
/* Code background */
pre code {
display: block;
padding-left: 0.5em;
padding-right: 0.5em;
color: #222222;
background-color: #161616;
line-height: 1.5;
font-family: "YaHei Consolas Hybrid", Consolas, Monaco, "Andale Mono", Monospace, "Courier New";
white-space: pre;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
aside {
display: block;
float: right;
width: 390px;
}
blockquote {
color: #666666;
border-left: .5em solid #7a7a7a;
padding: 0 1em;
margin-left: 0;
}
blockquote p {
color: #666666;
}
hr {
display: block;
text-align: left;
margin: 1em 0;
border: none;
height: 2px;
background-color: #999999;
}
table {
padding: 0;
margin: 1rem 0.5rem;
border-collapse: collapse;
}
table tr {
border-top: 1px solid #cccccc;
background-color: #1e1e1e;
margin: 0;
padding: 0;
}
table tr:hover {
background-color: #a5a5a5;
}
table tr th {
font-weight: bold;
border: 1px solid #cccccc;
margin: 0;
padding: 6px 13px;
}
table tr td {
border: 1px solid #cccccc;
margin: 0;
padding: 6px 13px;
}
table tr th :first-child, table tr td :first-child {
margin-top: 0;
}
table tr th :last-child, table tr td :last-child {
margin-bottom: 0;
}
div.vx-mermaid-graph {
margin: 16px 0px 16px 0px;
overflow-y: hidden;
}
div.vx-flowchartjs-graph {
padding: 0px 5px 0px 5px;
margin: 16px 0px 16px 0px;
width: fit-content;
overflow: hidden;
}
div.vx-wavedrom-graph {
padding: 0px 5px 0px 5px;
margin: 16px 0px 16px 0px;
width: fit-content;
overflow: hidden;
}
div.vx-plantuml-graph {
padding: 5px 5px 0px 5px;
margin: 16px 0px 16px 0px;
width: fit-content;
overflow: hidden;
}
::selection {
background-color: #1976d2;
color: #f5f5f5;
}
::-webkit-scrollbar {
background-color: #1e1e1e;
width: 14px;
height: 14px;
border: none;
}
::-webkit-scrollbar-corner {
background-color: #1e1e1e;
}
::-webkit-scrollbar-button {
/* This selector affects the styling of both the up & down and left & right buttons of a scrollbar */
height: 14px;
width: 14px;
background-color: #1e1e1e;
}
::-webkit-scrollbar-button:hover {
background-color: #dadada;
}
::-webkit-scrollbar-button:active {
background-color: #161616;
}
::-webkit-scrollbar-track {
/* This selector affects the styling of the area in the scrollbar between the two buttons */
background-color: #1e1e1e;
}
::-webkit-scrollbar-thumb {
/* This selector affects the styling of draggable element of the scollbar */
border: none;
background-color: #3c3c3c;
}
::-webkit-scrollbar-thumb:hover {
background-color: #424242;
}
::-webkit-scrollbar-thumb:active {
background-color: #bbbbbb;
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(right.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(left.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(down.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(up.svg);
background-repeat: no-repeat;
background-size: contain;
}
#vx-content span.vx-search-match {
color: #222222;
background-color: #4db6ac;
}
#vx-content span.vx-current-search-match {
color: #222222;
background-color: #66bb6a;
}