diff --git a/.gitignore b/.gitignore index 8a22b91..6c47b90 100644 --- a/.gitignore +++ b/.gitignore @@ -21,4 +21,5 @@ data.json # Exclude macOS Finder (System Explorer) View States .DS_Store -assets \ No newline at end of file +images + diff --git a/assets/highlights.json b/assets/highlights.json new file mode 100644 index 0000000..bf2e7c3 --- /dev/null +++ b/assets/highlights.json @@ -0,0 +1,298 @@ +[ + { + "name": "a11y-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/a11y-dark.css" + }, + { + "name": "a11y-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/a11y-light.css" + }, + { + "name": "agate", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/agate.css" + }, + { + "name": "an-old-hope", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/an-old-hope.css" + }, + { + "name": "androidstudio", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/androidstudio.css" + }, + { + "name": "arduino-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/arduino-light.css" + }, + { + "name": "arta", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/arta.css" + }, + { + "name": "ascetic", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/ascetic.css" + }, + { + "name": "atom-one-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/atom-one-dark.css" + }, + { + "name": "atom-one-dark-reasonable", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/atom-one-dark-reasonable.css" + }, + { + "name": "atom-one-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/atom-one-light.css" + }, + { + "name": "brown-paper", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/brown-paper.css" + }, + { + "name": "brown-papersq.png", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/brown-papersq.png.css" + }, + { + "name": "codepen-embed", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/codepen-embed.css" + }, + { + "name": "color-brewer", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/color-brewer.css" + }, + { + "name": "dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/dark.css" + }, + { + "name": "default", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/default.css" + }, + { + "name": "devibeans", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/devibeans.css" + }, + { + "name": "docco", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/docco.css" + }, + { + "name": "far", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/far.css" + }, + { + "name": "felipec", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/felipec.css" + }, + { + "name": "foundation", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/foundation.css" + }, + { + "name": "github", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github.css" + }, + { + "name": "github-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark.css" + }, + { + "name": "github-dark-dimmed", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark-dimmed.css" + }, + { + "name": "gml", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/gml.css" + }, + { + "name": "googlecode", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/googlecode.css" + }, + { + "name": "gradient-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/gradient-dark.css" + }, + { + "name": "gradient-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/gradient-light.css" + }, + { + "name": "grayscale", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/grayscale.css" + }, + { + "name": "hybrid", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/hybrid.css" + }, + { + "name": "idea", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/idea.css" + }, + { + "name": "intellij-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/intellij-light.css" + }, + { + "name": "ir-black", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/ir-black.css" + }, + { + "name": "isbl-editor-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/isbl-editor-dark.css" + }, + { + "name": "isbl-editor-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/isbl-editor-light.css" + }, + { + "name": "kimbie-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/kimbie-dark.css" + }, + { + "name": "kimbie-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/kimbie-light.css" + }, + { + "name": "lightfair", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/lightfair.css" + }, + { + "name": "lioshi", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/lioshi.css" + }, + { + "name": "magula", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/magula.css" + }, + { + "name": "mono-blue", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/mono-blue.css" + }, + { + "name": "monokai", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/monokai.css" + }, + { + "name": "monokai-sublime", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/monokai-sublime.css" + }, + { + "name": "night-owl", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/night-owl.css" + }, + { + "name": "nnfx-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/nnfx-dark.css" + }, + { + "name": "nnfx-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/nnfx-light.css" + }, + { + "name": "nord", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/nord.css" + }, + { + "name": "obsidian", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/obsidian.css" + }, + { + "name": "panda-syntax-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/panda-syntax-dark.css" + }, + { + "name": "panda-syntax-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/panda-syntax-light.css" + }, + { + "name": "paraiso-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/paraiso-dark.css" + }, + { + "name": "paraiso-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/paraiso-light.css" + }, + { + "name": "pojoaque", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/pojoaque.css" + }, + { + "name": "pojoaque.jpg", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/pojoaque.jpg.css" + }, + { + "name": "purebasic", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/purebasic.css" + }, + { + "name": "qtcreator-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/qtcreator-dark.css" + }, + { + "name": "qtcreator-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/qtcreator-light.css" + }, + { + "name": "rainbow", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/rainbow.css" + }, + { + "name": "routeros", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/routeros.css" + }, + { + "name": "school-book", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/school-book.css" + }, + { + "name": "shades-of-purple", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/shades-of-purple.css" + }, + { + "name": "srcery", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/srcery.css" + }, + { + "name": "stackoverflow-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/stackoverflow-dark.css" + }, + { + "name": "stackoverflow-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/stackoverflow-light.css" + }, + { + "name": "sunburst", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/sunburst.css" + }, + { + "name": "tokyo-night-dark", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/tokyo-night-dark.css" + }, + { + "name": "tokyo-night-light", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/tokyo-night-light.css" + }, + { + "name": "tomorrow-night-blue", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/tomorrow-night-blue.css" + }, + { + "name": "tomorrow-night-bright", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/tomorrow-night-bright.css" + }, + { + "name": "vs", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/vs.css" + }, + { + "name": "vs2015", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/vs2015.css" + }, + { + "name": "xcode", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/xcode.css" + }, + { + "name": "xt256", + "url": "https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/xt256.css" + } +] \ No newline at end of file diff --git a/assets/highlights/a11y-dark.css b/assets/highlights/a11y-dark.css new file mode 100644 index 0000000..0d11216 --- /dev/null +++ b/assets/highlights/a11y-dark.css @@ -0,0 +1,94 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: a11y-dark + Author: @ericwbailey + Maintainer: @ericwbailey + + Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css +*/ +.hljs { + background: #2b2b2b; + color: #f8f8f2 +} +/* Comment */ +.hljs-comment, +.hljs-quote { + color: #d4d0ab +} +/* Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #ffa07a +} +/* Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-meta, +.hljs-link { + color: #f5ab35 +} +/* Yellow */ +.hljs-attribute { + color: #ffd700 +} +/* Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #abe338 +} +/* Blue */ +.hljs-title, +.hljs-section { + color: #00e0e0 +} +/* Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #dcc6e0 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +@media screen and (-ms-high-contrast: active) { + .hljs-addition, + .hljs-attribute, + .hljs-built_in, + .hljs-bullet, + .hljs-comment, + .hljs-link, + .hljs-literal, + .hljs-meta, + .hljs-number, + .hljs-params, + .hljs-string, + .hljs-symbol, + .hljs-type, + .hljs-quote { + color: highlight + } + .hljs-keyword, + .hljs-selector-tag { + font-weight: bold + } +} \ No newline at end of file diff --git a/assets/highlights/a11y-light.css b/assets/highlights/a11y-light.css new file mode 100644 index 0000000..a8af1d1 --- /dev/null +++ b/assets/highlights/a11y-light.css @@ -0,0 +1,94 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: a11y-light + Author: @ericwbailey + Maintainer: @ericwbailey + + Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css +*/ +.hljs { + background: #fefefe; + color: #545454 +} +/* Comment */ +.hljs-comment, +.hljs-quote { + color: #696969 +} +/* Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #d91e18 +} +/* Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-meta, +.hljs-link { + color: #aa5d00 +} +/* Yellow */ +.hljs-attribute { + color: #aa5d00 +} +/* Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #008000 +} +/* Blue */ +.hljs-title, +.hljs-section { + color: #007faa +} +/* Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #7928a1 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +@media screen and (-ms-high-contrast: active) { + .hljs-addition, + .hljs-attribute, + .hljs-built_in, + .hljs-bullet, + .hljs-comment, + .hljs-link, + .hljs-literal, + .hljs-meta, + .hljs-number, + .hljs-params, + .hljs-string, + .hljs-symbol, + .hljs-type, + .hljs-quote { + color: highlight + } + .hljs-keyword, + .hljs-selector-tag { + font-weight: bold + } +} \ No newline at end of file diff --git a/assets/highlights/agate.css b/assets/highlights/agate.css new file mode 100644 index 0000000..8da5740 --- /dev/null +++ b/assets/highlights/agate.css @@ -0,0 +1,127 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: Agate + Author: (c) Taufik Nurrohman + Maintainer: @taufik-nurrohman + Updated: 2021-04-24 + + #333 + #62c8f3 + #7bd694 + #888 + #a2fca2 + #ade5fc + #b8d8a2 + #c6b4f0 + #d36363 + #fc9b9b + #fcc28c + #ffa + #fff +*/ +.hljs { + background: #333; + color: #fff +} +.hljs-doctag, +.hljs-meta-keyword, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-code, +.hljs-emphasis { + font-style: italic +} +.hljs-section, +.hljs-tag { + color: #62c8f3 +} +.hljs-selector-class, +.hljs-selector-id, +.hljs-template-variable, +.hljs-variable { + color: #ade5fc +} +.hljs-meta-string, +.hljs-string { + color: #a2fca2 +} +.hljs-attr, +.hljs-quote, +.hljs-selector-attr { + color: #7bd694 +} +.hljs-tag .hljs-attr { + color: inherit +} +.hljs-attribute, +.hljs-title, +.hljs-type { + color: #ffa +} +.hljs-number, +.hljs-symbol { + color: #d36363 +} +.hljs-bullet, +.hljs-template-tag { + color: #b8d8a2 +} +.hljs-built_in, +.hljs-keyword, +.hljs-literal, +.hljs-selector-tag { + color: #fcc28c +} +.hljs-code, +.hljs-comment, +.hljs-formula { + color: #888 +} +.hljs-link, +.hljs-selector-pseudo, +.hljs-regexp { + color: #c6b4f0 +} +.hljs-meta { + color: #fc9b9b +} +.hljs-deletion { + background: #fc9b9b; + color: #333 +} +.hljs-addition { + background: #a2fca2; + color: #333 +} +/* Purposely ignored */ +.hljs-operator, +.hljs-params, +.hljs-property, +.hljs-punctuation { + +} +.hljs-subst { + color: #fff +} +/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */ +.hljs a { + color: inherit +} +.hljs a:focus, +.hljs a:hover { + color: inherit; + text-decoration: underline +} +.hljs mark { + background: #555; + color: inherit +} \ No newline at end of file diff --git a/assets/highlights/an-old-hope.css b/assets/highlights/an-old-hope.css new file mode 100644 index 0000000..6ecfe53 --- /dev/null +++ b/assets/highlights/an-old-hope.css @@ -0,0 +1,75 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: An Old Hope – Star Wars Syntax + Author: (c) Gustavo Costa + Maintainer: @gusbemacbe + + Original theme - Ocean Dark Theme – by https://github.com/gavsiu + Based on Jesse Leite's Atom syntax theme 'An Old Hope' + https://github.com/JesseLeite/an-old-hope-syntax-atom +*/ +/* Millenium Falcon */ +.hljs { + background: #1C1D21; + color: #c0c5ce +} +/* Death Star Comment */ +.hljs-comment, +.hljs-quote { + color: #B6B18B +} +/* Darth Vader */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #EB3C54 +} +/* Threepio */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-meta, +.hljs-link { + color: #E7CE56 +} +/* Luke Skywalker */ +.hljs-attribute { + color: #EE7C2B +} +/* Obi Wan Kenobi */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #4FB4D7 +} +/* Yoda */ +.hljs-title, +.hljs-section { + color: #78BB65 +} +/* Mace Windu */ +.hljs-keyword, +.hljs-selector-tag { + color: #B45EA4 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/androidstudio.css b/assets/highlights/androidstudio.css new file mode 100644 index 0000000..979dad2 --- /dev/null +++ b/assets/highlights/androidstudio.css @@ -0,0 +1,60 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Date: 24 Fev 2015 +Author: Pedro Oliveira +*/ +.hljs { + color: #a9b7c6; + background: #282b2e +} +.hljs-number, +.hljs-literal, +.hljs-symbol, +.hljs-bullet { + color: #6897BB +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-deletion { + color: #cc7832 +} +.hljs-variable, +.hljs-template-variable, +.hljs-link { + color: #629755 +} +.hljs-comment, +.hljs-quote { + color: #808080 +} +.hljs-meta { + color: #bbb529 +} +.hljs-string, +.hljs-attribute, +.hljs-addition { + color: #6A8759 +} +.hljs-section, +.hljs-title, +.hljs-type { + color: #ffc66d +} +.hljs-name, +.hljs-selector-id, +.hljs-selector-class { + color: #e8bf6a +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/arduino-light.css b/assets/highlights/arduino-light.css new file mode 100644 index 0000000..743ce34 --- /dev/null +++ b/assets/highlights/arduino-light.css @@ -0,0 +1,78 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Arduino® Light Theme - Stefania Mellai + +*/ +.hljs { + background: white; + color: #434f54 +} +.hljs-subst { + color: #434f54 +} +.hljs-keyword, +.hljs-attribute, +.hljs-selector-tag, +.hljs-doctag, +.hljs-name { + color: #00979D +} +.hljs-built_in, +.hljs-literal, +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #D35400 +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #00979D +} +.hljs-type, +.hljs-string, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #005C5F +} +.hljs-comment { + color: rgba(149,165,166,.8) +} +.hljs-meta .hljs-keyword { + color: #728E00 +} +.hljs-meta { + color: #434f54 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-function { + color: #728E00 +} +.hljs-title, +.hljs-section { + color: #880000; + font-weight: bold +} +.hljs-number { + color: #8A7B52 +} \ No newline at end of file diff --git a/assets/highlights/arta.css b/assets/highlights/arta.css new file mode 100644 index 0000000..98a5b2b --- /dev/null +++ b/assets/highlights/arta.css @@ -0,0 +1,66 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Date: 17.V.2011 +Author: pumbur +*/ +.hljs { + background: #222; + color: #aaa +} +.hljs-subst { + color: #aaa +} +.hljs-section { + color: #fff +} +.hljs-comment, +.hljs-quote, +.hljs-meta { + color: #444 +} +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-regexp { + color: #ffcc33 +} +.hljs-number, +.hljs-addition { + color: #00cc66 +} +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-template-variable, +.hljs-attribute, +.hljs-link { + color: #32aaee +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class { + color: #6644aa +} +.hljs-title, +.hljs-variable, +.hljs-deletion, +.hljs-template-tag { + color: #bb1166 +} +.hljs-section, +.hljs-doctag, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/ascetic.css b/assets/highlights/ascetic.css new file mode 100644 index 0000000..27a4dbe --- /dev/null +++ b/assets/highlights/ascetic.css @@ -0,0 +1,45 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Original style from softwaremaniacs.org (c) Ivan Sagalaev + +*/ +.hljs { + background: white; + color: black +} +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-symbol, +.hljs-bullet, +.hljs-section, +.hljs-addition, +.hljs-attribute, +.hljs-link { + color: #888 +} +.hljs-comment, +.hljs-quote, +.hljs-meta, +.hljs-deletion { + color: #ccc +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-section, +.hljs-name, +.hljs-type, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/atom-one-dark-reasonable.css b/assets/highlights/atom-one-dark-reasonable.css new file mode 100644 index 0000000..ccfab91 --- /dev/null +++ b/assets/highlights/atom-one-dark-reasonable.css @@ -0,0 +1,105 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage + +Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax + +*/ +.hljs { + color: #abb2bf; + background: #282c34 +} +.hljs-keyword, +.hljs-operator { + color: #F92672 +} +.hljs-pattern-match { + color: #F92672 +} +.hljs-pattern-match .hljs-constructor { + color: #61aeee +} +.hljs-function { + color: #61aeee +} +.hljs-function .hljs-params { + color: #A6E22E +} +.hljs-function .hljs-params .hljs-typing { + color: #FD971F +} +.hljs-module-access .hljs-module { + color: #7e57c2 +} +.hljs-constructor { + color: #e2b93d +} +.hljs-constructor .hljs-string { + color: #9CCC65 +} +.hljs-comment, +.hljs-quote { + color: #b18eb1; + font-style: italic +} +.hljs-doctag, +.hljs-formula { + color: #c678dd +} +.hljs-section, +.hljs-name, +.hljs-selector-tag, +.hljs-deletion, +.hljs-subst { + color: #e06c75 +} +.hljs-literal { + color: #56b6c2 +} +.hljs-string, +.hljs-regexp, +.hljs-addition, +.hljs-attribute, +.hljs-meta .hljs-string { + color: #98c379 +} +.hljs-built_in, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #e6c07b +} +.hljs-attr, +.hljs-variable, +.hljs-template-variable, +.hljs-type, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-number { + color: #d19a66 +} +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-meta, +.hljs-selector-id, +.hljs-title { + color: #61aeee +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-link { + text-decoration: underline +} \ No newline at end of file diff --git a/assets/highlights/atom-one-dark.css b/assets/highlights/atom-one-dark.css new file mode 100644 index 0000000..3c51ce6 --- /dev/null +++ b/assets/highlights/atom-one-dark.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Atom One Dark by Daniel Gamage +Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax + +base: #282c34 +mono-1: #abb2bf +mono-2: #818896 +mono-3: #5c6370 +hue-1: #56b6c2 +hue-2: #61aeee +hue-3: #c678dd +hue-4: #98c379 +hue-5: #e06c75 +hue-5-2: #be5046 +hue-6: #d19a66 +hue-6-2: #e6c07b + +*/ +.hljs { + color: #abb2bf; + background: #282c34 +} +.hljs-comment, +.hljs-quote { + color: #5c6370; + font-style: italic +} +.hljs-doctag, +.hljs-keyword, +.hljs-formula { + color: #c678dd +} +.hljs-section, +.hljs-name, +.hljs-selector-tag, +.hljs-deletion, +.hljs-subst { + color: #e06c75 +} +.hljs-literal { + color: #56b6c2 +} +.hljs-string, +.hljs-regexp, +.hljs-addition, +.hljs-attribute, +.hljs-meta .hljs-string { + color: #98c379 +} +.hljs-attr, +.hljs-variable, +.hljs-template-variable, +.hljs-type, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-number { + color: #d19a66 +} +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-meta, +.hljs-selector-id, +.hljs-title { + color: #61aeee +} +.hljs-built_in, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #e6c07b +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-link { + text-decoration: underline +} \ No newline at end of file diff --git a/assets/highlights/atom-one-light.css b/assets/highlights/atom-one-light.css new file mode 100644 index 0000000..26dd7ec --- /dev/null +++ b/assets/highlights/atom-one-light.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Atom One Light by Daniel Gamage +Original One Light Syntax theme from https://github.com/atom/one-light-syntax + +base: #fafafa +mono-1: #383a42 +mono-2: #686b77 +mono-3: #a0a1a7 +hue-1: #0184bb +hue-2: #4078f2 +hue-3: #a626a4 +hue-4: #50a14f +hue-5: #e45649 +hue-5-2: #c91243 +hue-6: #986801 +hue-6-2: #c18401 + +*/ +.hljs { + color: #383a42; + background: #fafafa +} +.hljs-comment, +.hljs-quote { + color: #a0a1a7; + font-style: italic +} +.hljs-doctag, +.hljs-keyword, +.hljs-formula { + color: #a626a4 +} +.hljs-section, +.hljs-name, +.hljs-selector-tag, +.hljs-deletion, +.hljs-subst { + color: #e45649 +} +.hljs-literal { + color: #0184bb +} +.hljs-string, +.hljs-regexp, +.hljs-addition, +.hljs-attribute, +.hljs-meta .hljs-string { + color: #50a14f +} +.hljs-attr, +.hljs-variable, +.hljs-template-variable, +.hljs-type, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-number { + color: #986801 +} +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-meta, +.hljs-selector-id, +.hljs-title { + color: #4078f2 +} +.hljs-built_in, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #c18401 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-link { + text-decoration: underline +} \ No newline at end of file diff --git a/assets/highlights/brown-paper.css b/assets/highlights/brown-paper.css new file mode 100644 index 0000000..e6f245f --- /dev/null +++ b/assets/highlights/brown-paper.css @@ -0,0 +1,63 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Brown Paper style from goldblog.com.ua (c) Zaripov Yura + +*/ +.hljs { + color: #363c69; + background: #b7a68e url(./brown-papersq.png) +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal { + color: #005599; + font-weight: bold +} +.hljs-subst { + /* default */ + +} +.hljs-string, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-attribute, +.hljs-symbol, +.hljs-bullet, +.hljs-built_in, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable, +.hljs-link, +.hljs-name { + color: #2c009f +} +.hljs-comment, +.hljs-quote, +.hljs-meta, +.hljs-deletion { + color: #802022 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-doctag, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/brown-papersq.png.css b/assets/highlights/brown-papersq.png.css new file mode 100644 index 0000000..5d91304 --- /dev/null +++ b/assets/highlights/brown-papersq.png.css @@ -0,0 +1 @@ +Couldn't find the requested file /styles/brown-papersq.png.css in highlight.js. \ No newline at end of file diff --git a/assets/highlights/codepen-embed.css b/assets/highlights/codepen-embed.css new file mode 100644 index 0000000..01e2fd5 --- /dev/null +++ b/assets/highlights/codepen-embed.css @@ -0,0 +1,57 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + codepen.io Embed Theme + Author: Justin Perry + Original theme - https://github.com/chriskempson/tomorrow-theme +*/ +.hljs { + background: #222; + color: #fff +} +.hljs-comment, +.hljs-quote { + color: #777 +} +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-regexp, +.hljs-meta, +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-params, +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-deletion { + color: #ab875d +} +.hljs-section, +.hljs-title, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-type, +.hljs-attribute { + color: #9b869b +} +.hljs-string, +.hljs-keyword, +.hljs-selector-tag, +.hljs-addition { + color: #8f9c6c +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/color-brewer.css b/assets/highlights/color-brewer.css new file mode 100644 index 0000000..c0db73c --- /dev/null +++ b/assets/highlights/color-brewer.css @@ -0,0 +1,66 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Colorbrewer theme +Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock +Ported by Fabrício Tavares de Oliveira + +*/ +.hljs { + color: #000; + background: #fff +} +.hljs-subst { + /* default */ + +} +.hljs-string, +.hljs-meta, +.hljs-symbol, +.hljs-template-tag, +.hljs-template-variable, +.hljs-addition { + color: #756bb1 +} +.hljs-comment, +.hljs-quote { + color: #636363 +} +.hljs-number, +.hljs-regexp, +.hljs-literal, +.hljs-bullet, +.hljs-link { + color: #31a354 +} +.hljs-deletion, +.hljs-variable { + color: #88f +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-title, +.hljs-section, +.hljs-built_in, +.hljs-doctag, +.hljs-type, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-strong { + color: #3182bd +} +.hljs-emphasis { + font-style: italic +} +.hljs-attribute { + color: #e6550d +} \ No newline at end of file diff --git a/assets/highlights/dark.css b/assets/highlights/dark.css new file mode 100644 index 0000000..bdeceb2 --- /dev/null +++ b/assets/highlights/dark.css @@ -0,0 +1,62 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Dark style from softwaremaniacs.org (c) Ivan Sagalaev + +*/ +.hljs { + color: #ddd; + background: #303030 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-section, +.hljs-link { + color: white +} +.hljs-subst { + /* default */ + +} +.hljs-string, +.hljs-title, +.hljs-name, +.hljs-type, +.hljs-attribute, +.hljs-symbol, +.hljs-bullet, +.hljs-built_in, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #d88 +} +.hljs-comment, +.hljs-quote, +.hljs-deletion, +.hljs-meta { + color: #979797 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-title, +.hljs-section, +.hljs-doctag, +.hljs-type, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/default.css b/assets/highlights/default.css new file mode 100644 index 0000000..6c4d2b3 --- /dev/null +++ b/assets/highlights/default.css @@ -0,0 +1,117 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: Default + Description: Original highlight.js style + Author: (c) Ivan Sagalaev + Maintainer: @highlightjs/core-team + Website: https://highlightjs.org/ + License: see project LICENSE + Touched: 2021 +*/ +/* +This is left on purpose making default.css the single file that can be lifted +as-is from the repository directly without the need for a build step + +Typically this "required" baseline CSS is added by `makestuff.js` during build. +*/ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* end baseline CSS */ +.hljs { + background: #F3F3F3; + color: #444 +} +/* Base color: saturation 0; */ +.hljs-subst { + /* default */ + +} +/* purposely ignored */ +.hljs-formula, +.hljs-attr, +.hljs-property, +.hljs-params { + +} +.hljs-comment { + color: #697070 +} +.hljs-tag, +.hljs-punctuation { + color: #444a +} +.hljs-tag .hljs-name, +.hljs-tag .hljs-attr { + color: #444 +} +.hljs-keyword, +.hljs-attribute, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-name { + font-weight: bold +} +/* User color: hue: 0 */ +.hljs-type, +.hljs-string, +.hljs-number, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #880000 +} +.hljs-title, +.hljs-section { + color: #880000; + font-weight: bold +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-operator, +.hljs-selector-pseudo { + color: #ab5656 +} +/* Language color: hue: 90; */ +.hljs-literal { + color: #695 +} +.hljs-built_in, +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #397300 +} +/* Meta color: hue: 200 */ +.hljs-meta { + color: #1f7199 +} +.hljs-meta .hljs-string { + color: #38a +} +/* Misc effects */ +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/devibeans.css b/assets/highlights/devibeans.css new file mode 100644 index 0000000..a35e363 --- /dev/null +++ b/assets/highlights/devibeans.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: devibeans (dark) + Author: @terminaldweller + Maintainer: @terminaldweller + + Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim) +*/ +.hljs { + background: #000000; + color: #a39e9b +} +.hljs-attr, +.hljs-template-tag { + color: #8787d7 +} +.hljs-comment, +.hljs-doctag, +.hljs-quote { + color: #339966 +} +.hljs-params { + color: #a39e9b +} +.hljs-regexp { + color: #d700ff +} +.hljs-tag, +.hljs-selector-id, +.hljs-number, +.hljs-literal { + color: #ef5350 +} +.hljs-meta, +.hljs-meta .hljs-keyword { + color: #0087ff +} +/* opt-out */ +.hljs-operator, +.hljs-punctuation { + +} +.hljs-selector-class, +.hljs-code, +.hljs-formula, +.hljs-variable, +.hljs-template-variable, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-link, +.hljs-keyword { + color: #64b5f6 +} +.hljs-built_in, +.hljs-title, +.hljs-deletion { + color: #ff8700 +} +.hljs-type, +.hljs-section, +.hljs-function, +.hljs-name, +.hljs-property, +.hljs-attribute { + color: #ffd75f +} +.hljs-meta .hljs-string, +.hljs-string, +.hljs-subst, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #558b2f +} +.hljs-selector-tag { + color: #9966ff +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/docco.css b/assets/highlights/docco.css new file mode 100644 index 0000000..1be51b4 --- /dev/null +++ b/assets/highlights/docco.css @@ -0,0 +1,83 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars) +*/ +.hljs { + color: #000; + background: #f8f8ff +} +.hljs-comment, +.hljs-quote { + color: #408080; + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-subst { + color: #954121 +} +.hljs-number { + color: #40a070 +} +.hljs-string, +.hljs-doctag { + color: #219161 +} +.hljs-selector-id, +.hljs-selector-class, +.hljs-section, +.hljs-type { + color: #19469d +} +.hljs-params { + color: #00f +} +.hljs-title { + color: #458; + font-weight: bold +} +.hljs-tag, +.hljs-name, +.hljs-attribute { + color: #000080; + font-weight: normal +} +.hljs-variable, +.hljs-template-variable { + color: #008080 +} +.hljs-regexp, +.hljs-link { + color: #b68 +} +.hljs-symbol, +.hljs-bullet { + color: #990073 +} +.hljs-built_in { + color: #0086b3 +} +.hljs-meta { + color: #999; + font-weight: bold +} +.hljs-deletion { + background: #fdd +} +.hljs-addition { + background: #dfd +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/far.css b/assets/highlights/far.css new file mode 100644 index 0000000..ecf7cf5 --- /dev/null +++ b/assets/highlights/far.css @@ -0,0 +1,67 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +FAR Style (c) MajestiC + +*/ +.hljs { + color: #0ff; + background: #000080 +} +.hljs-subst { + /* default */ + +} +.hljs-string, +.hljs-attribute, +.hljs-symbol, +.hljs-bullet, +.hljs-built_in, +.hljs-template-tag, +.hljs-template-variable, +.hljs-addition { + color: #ff0 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-section, +.hljs-type, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-variable { + color: #fff +} +.hljs-comment, +.hljs-quote, +.hljs-doctag, +.hljs-deletion { + color: #888 +} +.hljs-number, +.hljs-regexp, +.hljs-literal, +.hljs-link { + color: #0f0 +} +.hljs-meta { + color: #008080 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-title, +.hljs-section, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/felipec.css b/assets/highlights/felipec.css new file mode 100644 index 0000000..282dfd6 --- /dev/null +++ b/assets/highlights/felipec.css @@ -0,0 +1,94 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + * Theme: FelipeC + * Author: (c) 2021 Felipe Contreras + * Website: https://github.com/felipec/vim-felipec + * + * Autogenerated with vim-felipec's generator. +*/ +.hljs { + color: #dddde1; + background: #1e1e22 +} +.hljs::selection, +.hljs ::selection { + color: #1e1e22; + background: #bf8fef +} +.hljs-comment, +.hljs-code, +.hljs-quote { + color: #888896 +} +.hljs-number, +.hljs-literal, +.hljs-deletion { + color: #ef8f8f +} +.hljs-punctuation, +.hljs-meta, +.hljs-operator, +.hljs-subst, +.hljs-doctag, +.hljs-template-variable, +.hljs-selector-attr { + color: #efbf8f +} +.hljs-type { + color: #efef8f +} +.hljs-tag, +.hljs-title, +.hljs-selector-class, +.hljs-selector-id { + color: #bfef8f +} +.hljs-string, +.hljs-regexp, +.hljs-addition { + color: #8fef8f +} +.hljs-class, +.hljs-property { + color: #8fefbf +} +.hljs-name, +.hljs-selector-tag { + color: #8fefef +} +.hljs-keyword, +.hljs-built_in { + color: #8fbfef +} +.hljs-section, +.hljs-bullet { + color: #8f8fef +} +.hljs-selector-pseudo { + color: #bf8fef +} +.hljs-variable, +.hljs-params, +.hljs-attr, +.hljs-attribute { + color: #ef8fef +} +.hljs-symbol, +.hljs-link { + color: #ef8fbf +} +.hljs-strong, +.hljs-literal, +.hljs-title { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/foundation.css b/assets/highlights/foundation.css new file mode 100644 index 0000000..87641c7 --- /dev/null +++ b/assets/highlights/foundation.css @@ -0,0 +1,80 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Description: Foundation 4 docs style for highlight.js +Author: Dan Allen +Website: http://foundation.zurb.com/docs/ +Version: 1.0 +Date: 2013-04-02 +*/ +.hljs { + background: #eee; + color: black +} +.hljs-link, +.hljs-emphasis, +.hljs-attribute, +.hljs-addition { + color: #070 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong, +.hljs-string, +.hljs-deletion { + color: #d14 +} +.hljs-strong { + font-weight: bold +} +.hljs-quote, +.hljs-comment { + color: #998; + font-style: italic +} +.hljs-section, +.hljs-title { + color: #900 +} +.hljs-class .hljs-title, +.hljs-title.class_, +.hljs-type { + color: #458 +} +.hljs-variable, +.hljs-template-variable { + color: #336699 +} +.hljs-bullet { + color: #997700 +} +.hljs-meta { + color: #3344bb +} +.hljs-code, +.hljs-number, +.hljs-literal, +.hljs-keyword, +.hljs-selector-tag { + color: #099 +} +.hljs-regexp { + background-color: #fff0ff; + color: #880088 +} +.hljs-symbol { + color: #990073 +} +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class { + color: #007700 +} \ No newline at end of file diff --git a/assets/highlights/github-dark-dimmed.css b/assets/highlights/github-dark-dimmed.css new file mode 100644 index 0000000..f3855ca --- /dev/null +++ b/assets/highlights/github-dark-dimmed.css @@ -0,0 +1,117 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: GitHub Dark Dimmed + Description: Dark dimmed theme as seen on github.com + Author: github.com + Maintainer: @Hirse + Updated: 2021-05-15 + + Colors taken from GitHub's CSS +*/ +.hljs { + color: #adbac7; + background: #22272e +} +.hljs-doctag, +.hljs-keyword, +.hljs-meta .hljs-keyword, +.hljs-template-tag, +.hljs-template-variable, +.hljs-type, +.hljs-variable.language_ { + /* prettylights-syntax-keyword */ + color: #f47067 +} +.hljs-title, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-title.function_ { + /* prettylights-syntax-entity */ + color: #dcbdfb +} +.hljs-attr, +.hljs-attribute, +.hljs-literal, +.hljs-meta, +.hljs-number, +.hljs-operator, +.hljs-variable, +.hljs-selector-attr, +.hljs-selector-class, +.hljs-selector-id { + /* prettylights-syntax-constant */ + color: #6cb6ff +} +.hljs-regexp, +.hljs-string, +.hljs-meta .hljs-string { + /* prettylights-syntax-string */ + color: #96d0ff +} +.hljs-built_in, +.hljs-symbol { + /* prettylights-syntax-variable */ + color: #f69d50 +} +.hljs-comment, +.hljs-code, +.hljs-formula { + /* prettylights-syntax-comment */ + color: #768390 +} +.hljs-name, +.hljs-quote, +.hljs-selector-tag, +.hljs-selector-pseudo { + /* prettylights-syntax-entity-tag */ + color: #8ddb8c +} +.hljs-subst { + /* prettylights-syntax-storage-modifier-import */ + color: #adbac7 +} +.hljs-section { + /* prettylights-syntax-markup-heading */ + color: #316dca; + font-weight: bold +} +.hljs-bullet { + /* prettylights-syntax-markup-list */ + color: #eac55f +} +.hljs-emphasis { + /* prettylights-syntax-markup-italic */ + color: #adbac7; + font-style: italic +} +.hljs-strong { + /* prettylights-syntax-markup-bold */ + color: #adbac7; + font-weight: bold +} +.hljs-addition { + /* prettylights-syntax-markup-inserted */ + color: #b4f1b4; + background-color: #1b4721 +} +.hljs-deletion { + /* prettylights-syntax-markup-deleted */ + color: #ffd8d3; + background-color: #78191b +} +.hljs-char.escape_, +.hljs-link, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/github-dark.css b/assets/highlights/github-dark.css new file mode 100644 index 0000000..8826d2f --- /dev/null +++ b/assets/highlights/github-dark.css @@ -0,0 +1,118 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: GitHub Dark + Description: Dark theme as seen on github.com + Author: github.com + Maintainer: @Hirse + Updated: 2021-05-15 + + Outdated base version: https://github.com/primer/github-syntax-dark + Current colors taken from GitHub's CSS +*/ +.hljs { + color: #c9d1d9; + background: #0d1117 +} +.hljs-doctag, +.hljs-keyword, +.hljs-meta .hljs-keyword, +.hljs-template-tag, +.hljs-template-variable, +.hljs-type, +.hljs-variable.language_ { + /* prettylights-syntax-keyword */ + color: #ff7b72 +} +.hljs-title, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-title.function_ { + /* prettylights-syntax-entity */ + color: #d2a8ff +} +.hljs-attr, +.hljs-attribute, +.hljs-literal, +.hljs-meta, +.hljs-number, +.hljs-operator, +.hljs-variable, +.hljs-selector-attr, +.hljs-selector-class, +.hljs-selector-id { + /* prettylights-syntax-constant */ + color: #79c0ff +} +.hljs-regexp, +.hljs-string, +.hljs-meta .hljs-string { + /* prettylights-syntax-string */ + color: #a5d6ff +} +.hljs-built_in, +.hljs-symbol { + /* prettylights-syntax-variable */ + color: #ffa657 +} +.hljs-comment, +.hljs-code, +.hljs-formula { + /* prettylights-syntax-comment */ + color: #8b949e +} +.hljs-name, +.hljs-quote, +.hljs-selector-tag, +.hljs-selector-pseudo { + /* prettylights-syntax-entity-tag */ + color: #7ee787 +} +.hljs-subst { + /* prettylights-syntax-storage-modifier-import */ + color: #c9d1d9 +} +.hljs-section { + /* prettylights-syntax-markup-heading */ + color: #1f6feb; + font-weight: bold +} +.hljs-bullet { + /* prettylights-syntax-markup-list */ + color: #f2cc60 +} +.hljs-emphasis { + /* prettylights-syntax-markup-italic */ + color: #c9d1d9; + font-style: italic +} +.hljs-strong { + /* prettylights-syntax-markup-bold */ + color: #c9d1d9; + font-weight: bold +} +.hljs-addition { + /* prettylights-syntax-markup-inserted */ + color: #aff5b4; + background-color: #033a16 +} +.hljs-deletion { + /* prettylights-syntax-markup-deleted */ + color: #ffdcd7; + background-color: #67060c +} +.hljs-char.escape_, +.hljs-link, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/github.css b/assets/highlights/github.css new file mode 100644 index 0000000..1001da6 --- /dev/null +++ b/assets/highlights/github.css @@ -0,0 +1,118 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: GitHub + Description: Light theme as seen on github.com + Author: github.com + Maintainer: @Hirse + Updated: 2021-05-15 + + Outdated base version: https://github.com/primer/github-syntax-light + Current colors taken from GitHub's CSS +*/ +.hljs { + color: #24292e; + background: #ffffff +} +.hljs-doctag, +.hljs-keyword, +.hljs-meta .hljs-keyword, +.hljs-template-tag, +.hljs-template-variable, +.hljs-type, +.hljs-variable.language_ { + /* prettylights-syntax-keyword */ + color: #d73a49 +} +.hljs-title, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-title.function_ { + /* prettylights-syntax-entity */ + color: #6f42c1 +} +.hljs-attr, +.hljs-attribute, +.hljs-literal, +.hljs-meta, +.hljs-number, +.hljs-operator, +.hljs-variable, +.hljs-selector-attr, +.hljs-selector-class, +.hljs-selector-id { + /* prettylights-syntax-constant */ + color: #005cc5 +} +.hljs-regexp, +.hljs-string, +.hljs-meta .hljs-string { + /* prettylights-syntax-string */ + color: #032f62 +} +.hljs-built_in, +.hljs-symbol { + /* prettylights-syntax-variable */ + color: #e36209 +} +.hljs-comment, +.hljs-code, +.hljs-formula { + /* prettylights-syntax-comment */ + color: #6a737d +} +.hljs-name, +.hljs-quote, +.hljs-selector-tag, +.hljs-selector-pseudo { + /* prettylights-syntax-entity-tag */ + color: #22863a +} +.hljs-subst { + /* prettylights-syntax-storage-modifier-import */ + color: #24292e +} +.hljs-section { + /* prettylights-syntax-markup-heading */ + color: #005cc5; + font-weight: bold +} +.hljs-bullet { + /* prettylights-syntax-markup-list */ + color: #735c0f +} +.hljs-emphasis { + /* prettylights-syntax-markup-italic */ + color: #24292e; + font-style: italic +} +.hljs-strong { + /* prettylights-syntax-markup-bold */ + color: #24292e; + font-weight: bold +} +.hljs-addition { + /* prettylights-syntax-markup-inserted */ + color: #22863a; + background-color: #f0fff4 +} +.hljs-deletion { + /* prettylights-syntax-markup-deleted */ + color: #b31d28; + background-color: #ffeef0 +} +.hljs-char.escape_, +.hljs-link, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/gml.css b/assets/highlights/gml.css new file mode 100644 index 0000000..7d6437c --- /dev/null +++ b/assets/highlights/gml.css @@ -0,0 +1,72 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +GML Theme - Meseta + +*/ +.hljs { + background: #222222; + color: #C0C0C0 +} +.hljs-keyword { + color: #FFB871; + font-weight: bold +} +.hljs-built_in { + color: #FFB871 +} +.hljs-literal { + color: #FF8080 +} +.hljs-symbol { + color: #58E55A +} +.hljs-comment { + color: #5B995B +} +.hljs-string { + color: #FFFF00 +} +.hljs-number { + color: #FF8080 +} +.hljs-attribute, +.hljs-selector-tag, +.hljs-doctag, +.hljs-name, +.hljs-bullet, +.hljs-code, +.hljs-addition, +.hljs-regexp, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-type, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion, +.hljs-title, +.hljs-section, +.hljs-function, +.hljs-meta .hljs-keyword, +.hljs-meta, +.hljs-subst { + color: #C0C0C0 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/googlecode.css b/assets/highlights/googlecode.css new file mode 100644 index 0000000..135aaf2 --- /dev/null +++ b/assets/highlights/googlecode.css @@ -0,0 +1,79 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Google Code style (c) Aahan Krish + +*/ +.hljs { + background: white; + color: black +} +.hljs-comment, +.hljs-quote { + color: #800 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-section, +.hljs-title, +.hljs-name { + color: #008 +} +.hljs-variable, +.hljs-template-variable { + color: #660 +} +.hljs-string, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-regexp { + color: #080 +} +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-meta, +.hljs-number, +.hljs-link { + color: #066 +} +.hljs-title, +.hljs-doctag, +.hljs-type, +.hljs-attr, +.hljs-built_in, +.hljs-params { + color: #606 +} +.hljs-attribute, +.hljs-subst { + color: #000 +} +.hljs-formula { + background-color: #eee; + font-style: italic +} +.hljs-selector-id, +.hljs-selector-class { + color: #9B703F +} +.hljs-addition { + background-color: #baeeba +} +.hljs-deletion { + background-color: #ffc8bd +} +.hljs-doctag, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/gradient-dark.css b/assets/highlights/gradient-dark.css new file mode 100644 index 0000000..d8ed020 --- /dev/null +++ b/assets/highlights/gradient-dark.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Gradient Dark (c) Samia Ali + +*/ +.hljs { + background-color: #652487; + background-image: linear-gradient(160deg, #652487 0%, #443ac3 35%, #0174b7 68%, #04988e 100%); + color: #e7e4eb +} +.hljs-subtr { + color: #e7e4eb +} +.hljs-doctag, +.hljs-meta, +.hljs-comment, +.hljs-quote { + color: #af8dd9 +} +.hljs-selector-tag, +.hljs-selector-id, +.hljs-template-tag, +.hljs-regexp, +.hljs-attr, +.hljs-tag { + color: #AEFBFF +} +.hljs-params, +.hljs-selector-class, +.hljs-bullet { + color: #F19FFF +} +.hljs-keyword, +.hljs-section, +.hljs-meta .hljs-keyword, +.hljs-symbol, +.hljs-type { + color: #17fc95 +} +.hljs-addition, +.hljs-number, +.hljs-link { + color: #C5FE00 +} +.hljs-string { + color: #38c0ff +} +.hljs-attribute, +.hljs-addition { + color: #E7FF9F +} +.hljs-variable, +.hljs-template-variable { + color: #E447FF +} +.hljs-built_in, +.hljs-formula, +.hljs-name, +.hljs-title, +.hljs-class, +.hljs-function { + color: #FFC800 +} +.hljs-selector-pseudo, +.hljs-deletion, +.hljs-literal { + color: #FF9E44 +} +.hljs-emphasis, +.hljs-quote { + font-style: italic +} +.hljs-params, +.hljs-selector-class, +.hljs-strong, +.hljs-selector-tag, +.hljs-selector-id, +.hljs-template-tag, +.hljs-section, +.hljs-keyword { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/gradient-light.css b/assets/highlights/gradient-light.css new file mode 100644 index 0000000..f9b5cbf --- /dev/null +++ b/assets/highlights/gradient-light.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Gradient Light (c) Samia Ali + +*/ +.hljs { + background-color: #f9ccff; + background-image: linear-gradient(295deg, #f9ccff 0%, #e6bbf9 11%, #9ec6f9 32%, #55e6ee 60%, #91f5d1 74%, #f9ffbf 98%); + color: #250482 +} +.hljs-subtr { + color: #01958B +} +.hljs-doctag, +.hljs-meta, +.hljs-comment, +.hljs-quote { + color: #CB7200 +} +.hljs-selector-tag, +.hljs-selector-id, +.hljs-template-tag, +.hljs-regexp, +.hljs-attr, +.hljs-tag { + color: #07BD5F +} +.hljs-params, +.hljs-selector-class, +.hljs-bullet { + color: #43449F +} +.hljs-keyword, +.hljs-section, +.hljs-meta .hljs-keyword, +.hljs-symbol, +.hljs-type { + color: #7D2801 +} +.hljs-addition, +.hljs-number, +.hljs-link { + color: #7F0096 +} +.hljs-string { + color: #2681ab +} +.hljs-attribute, +.hljs-addition { + color: #296562 +} +.hljs-variable, +.hljs-template-variable { + color: #025C8F +} +.hljs-built_in, +.hljs-formula, +.hljs-name, +.hljs-title, +.hljs-class, +.hljs-function { + color: #529117 +} +.hljs-selector-pseudo, +.hljs-deletion, +.hljs-literal { + color: #AD13FF +} +.hljs-emphasis, +.hljs-quote { + font-style: italic +} +.hljs-params, +.hljs-selector-class, +.hljs-strong, +.hljs-selector-tag, +.hljs-selector-id, +.hljs-template-tag, +.hljs-section, +.hljs-keyword { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/grayscale.css b/assets/highlights/grayscale.css new file mode 100644 index 0000000..9790a86 --- /dev/null +++ b/assets/highlights/grayscale.css @@ -0,0 +1,89 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +grayscale style (c) MY Sun + +*/ +.hljs { + color: #333; + background: #fff +} +.hljs-comment, +.hljs-quote { + color: #777; + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-subst { + color: #333; + font-weight: bold +} +.hljs-number, +.hljs-literal { + color: #777 +} +.hljs-string, +.hljs-doctag, +.hljs-formula { + color: #333; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat +} +.hljs-title, +.hljs-section, +.hljs-selector-id { + color: #000; + font-weight: bold +} +.hljs-subst { + font-weight: normal +} +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-type, +.hljs-name { + color: #333; + font-weight: bold +} +.hljs-tag { + color: #333 +} +.hljs-regexp { + color: #333; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat +} +.hljs-symbol, +.hljs-bullet, +.hljs-link { + color: #000; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat +} +.hljs-built_in { + color: #000; + text-decoration: underline +} +.hljs-meta { + color: #999; + font-weight: bold +} +.hljs-deletion { + color: #fff; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat +} +.hljs-addition { + color: #000; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/hybrid.css b/assets/highlights/hybrid.css new file mode 100644 index 0000000..237701d --- /dev/null +++ b/assets/highlights/hybrid.css @@ -0,0 +1,88 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid) + +*/ +.hljs { + background: #1d1f21; + color: #c5c8c6 +} +/*selection color*/ +.hljs::selection, +.hljs span::selection { + background: #373b41 +} +.hljs::-moz-selection, +.hljs span::-moz-selection { + background: #373b41 +} +/*color: fg_yellow*/ +.hljs-title, +.hljs-name { + color: #f0c674 +} +/*color: fg_comment*/ +.hljs-comment, +.hljs-meta, +.hljs-meta .hljs-keyword { + color: #707880 +} +/*color: fg_red*/ +.hljs-number, +.hljs-symbol, +.hljs-literal, +.hljs-deletion, +.hljs-link { + color: #cc6666 +} +/*color: fg_green*/ +.hljs-string, +.hljs-doctag, +.hljs-addition, +.hljs-regexp, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #b5bd68 +} +/*color: fg_purple*/ +.hljs-attribute, +.hljs-code, +.hljs-selector-id { + color: #b294bb +} +/*color: fg_blue*/ +.hljs-keyword, +.hljs-selector-tag, +.hljs-bullet, +.hljs-tag { + color: #81a2be +} +/*color: fg_aqua*/ +.hljs-subst, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #8abeb7 +} +/*color: fg_orange*/ +.hljs-type, +.hljs-built_in, +.hljs-quote, +.hljs-section, +.hljs-selector-class { + color: #de935f +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/idea.css b/assets/highlights/idea.css new file mode 100644 index 0000000..03307df --- /dev/null +++ b/assets/highlights/idea.css @@ -0,0 +1,86 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Intellij Idea-like styling (c) Vasily Polovnyov + +*/ +.hljs { + color: #000; + background: #fff +} +.hljs-subst, +.hljs-title { + font-weight: normal; + color: #000 +} +.hljs-comment, +.hljs-quote { + color: #808080; + font-style: italic +} +.hljs-meta { + color: #808000 +} +.hljs-tag { + background: #efefef +} +.hljs-section, +.hljs-name, +.hljs-literal, +.hljs-keyword, +.hljs-selector-tag, +.hljs-type, +.hljs-selector-id, +.hljs-selector-class { + font-weight: bold; + color: #000080 +} +.hljs-attribute, +.hljs-number, +.hljs-regexp, +.hljs-link { + font-weight: bold; + color: #0000ff +} +.hljs-number, +.hljs-regexp, +.hljs-link { + font-weight: normal +} +.hljs-string { + color: #008000; + font-weight: bold +} +.hljs-symbol, +.hljs-bullet, +.hljs-formula { + color: #000; + background: #d0eded; + font-style: italic +} +.hljs-doctag { + text-decoration: underline +} +.hljs-variable, +.hljs-template-variable { + color: #660e7a +} +.hljs-addition { + background: #baeeba +} +.hljs-deletion { + background: #ffc8bd +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/intellij-light.css b/assets/highlights/intellij-light.css new file mode 100644 index 0000000..9140f80 --- /dev/null +++ b/assets/highlights/intellij-light.css @@ -0,0 +1,107 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Intellij-light style (c) Pegasis + +*/ +.hljs { + color: #000; + background: #fff +} +.hljs-subst, +.hljs-title { + font-weight: normal; + color: #000 +} +.hljs-title.function_ { + color: #7A7A43 +} +.hljs-code, +.hljs-comment, +.hljs-quote { + color: #8C8C8C; + font-style: italic +} +.hljs-meta { + color: #9E880D +} +.hljs-section { + color: #871094 +} +.hljs-variable.language_, +.hljs-symbol, +.hljs-selector-class, +.hljs-selector-id, +.hljs-selector-tag, +.hljs-template-tag, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-keyword, +.hljs-meta .hljs-keyword, +.hljs-literal, +.hljs-name, +.hljs-built_in, +.hljs-type { + color: #0033B3 +} +.hljs-property, +.hljs-attr { + color: #871094 +} +.hljs-attribute { + color: #174AD4 +} +.hljs-number { + color: #1750EB +} +.hljs-regexp { + color: #264EFF +} +.hljs-link { + text-decoration: underline; + color: #006DCC +} +.hljs-meta .hljs-string, +.hljs-string { + color: #067D17 +} +.hljs-char.escape_ { + color: #0037A6 +} +.hljs-doctag { + text-decoration: underline +} +.hljs-template-variable { + color: #248F8F +} +.hljs-addition { + background: #BEE6BE +} +.hljs-deletion { + background: #D6D6D6 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-variable, +.hljs-operator, +.hljs-punctuation, +.hljs-title.class_.inherited__, +.hljs-title.class_, +.hljs-params, +.hljs-bullet, +.hljs-formula, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/ir-black.css b/assets/highlights/ir-black.css new file mode 100644 index 0000000..3557853 --- /dev/null +++ b/assets/highlights/ir-black.css @@ -0,0 +1,66 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + IR_Black style (c) Vasily Mikhailitchenko +*/ +.hljs { + background: #000; + color: #f8f8f8 +} +.hljs-comment, +.hljs-quote, +.hljs-meta { + color: #7c7c7c +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-tag, +.hljs-name { + color: #96cbfe +} +.hljs-attribute, +.hljs-selector-id { + color: #ffffb6 +} +.hljs-string, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-addition { + color: #a8ff60 +} +.hljs-subst { + color: #daefa3 +} +.hljs-regexp, +.hljs-link { + color: #e9c062 +} +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-doctag { + color: #ffffb6 +} +.hljs-symbol, +.hljs-bullet, +.hljs-variable, +.hljs-template-variable, +.hljs-literal { + color: #c6c5fe +} +.hljs-number, +.hljs-deletion { + color: #ff73fd +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/isbl-editor-dark.css b/assets/highlights/isbl-editor-dark.css new file mode 100644 index 0000000..4787d08 --- /dev/null +++ b/assets/highlights/isbl-editor-dark.css @@ -0,0 +1,94 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +ISBL Editor style dark color scheme (c) Dmitriy Tarasov + +*/ +.hljs { + background: #404040; + color: #f0f0f0 +} +/* Base color: saturation 0; */ +.hljs, +.hljs-subst { + color: #f0f0f0 +} +.hljs-comment { + color: #b5b5b5; + font-style: italic +} +.hljs-keyword, +.hljs-attribute, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-name { + color: #f0f0f0; + font-weight: bold +} +/* User color: hue: 0 */ +.hljs-string { + color: #97bf0d +} +.hljs-type, +.hljs-number, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #f0f0f0 +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #e2c696 +} +/* Language color: hue: 90; */ +.hljs-built_in, +.hljs-literal { + color: #97bf0d; + font-weight: bold +} +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #397300 +} +.hljs-class { + color: #ce9d4d; + font-weight: bold +} +.hljs-title, +.hljs-section { + color: #df471e +} +.hljs-title>.hljs-built_in { + color: #81bce9; + font-weight: normal +} +/* Meta color: hue: 200 */ +.hljs-meta { + color: #1f7199 +} +.hljs-meta .hljs-string { + color: #4d99bf +} +/* Misc effects */ +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/isbl-editor-light.css b/assets/highlights/isbl-editor-light.css new file mode 100644 index 0000000..cdbabbe --- /dev/null +++ b/assets/highlights/isbl-editor-light.css @@ -0,0 +1,93 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +ISBL Editor style light color schemec (c) Dmitriy Tarasov + +*/ +.hljs { + background: white; + color: black +} +/* Base color: saturation 0; */ +.hljs-subst { + color: black +} +.hljs-comment { + color: #555555; + font-style: italic +} +.hljs-keyword, +.hljs-attribute, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-name { + color: #000000; + font-weight: bold +} +/* User color: hue: 0 */ +.hljs-string { + color: #000080 +} +.hljs-type, +.hljs-number, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #000000 +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #5e1700 +} +/* Language color: hue: 90; */ +.hljs-built_in, +.hljs-literal { + color: #000080; + font-weight: bold +} +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #397300 +} +.hljs-class { + color: #6f1C00; + font-weight: bold +} +.hljs-title, +.hljs-section { + color: #fb2c00 +} +.hljs-title>.hljs-built_in { + color: #008080; + font-weight: normal +} +/* Meta color: hue: 200 */ +.hljs-meta { + color: #1f7199 +} +.hljs-meta .hljs-string { + color: #4d99bf +} +/* Misc effects */ +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/kimbie-dark.css b/assets/highlights/kimbie-dark.css new file mode 100644 index 0000000..eddf4a0 --- /dev/null +++ b/assets/highlights/kimbie-dark.css @@ -0,0 +1,69 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + Name: Kimbie (dark) + Author: Jan T. Sott + License: Creative Commons Attribution-ShareAlike 4.0 Unported License + URL: https://github.com/idleberg/Kimbie-highlight.js +*/ +.hljs { + background: #221a0f; + color: #d3af86 +} +/* Kimbie Comment */ +.hljs-comment, +.hljs-quote { + color: #d6baad +} +/* Kimbie Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-meta { + color: #dc3958 +} +/* Kimbie Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-deletion, +.hljs-link { + color: #f79a32 +} +/* Kimbie Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #889b4a +} +/* Kimbie Purple */ +.hljs-keyword, +.hljs-selector-tag, +.hljs-function { + color: #98676a +} +/* Kimbie Yellow */ +.hljs-title, +.hljs-section, +.hljs-attribute { + color: #f06431 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/kimbie-light.css b/assets/highlights/kimbie-light.css new file mode 100644 index 0000000..3cefadc --- /dev/null +++ b/assets/highlights/kimbie-light.css @@ -0,0 +1,69 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + Name: Kimbie (light) + Author: Jan T. Sott + License: Creative Commons Attribution-ShareAlike 4.0 Unported License + URL: https://github.com/idleberg/Kimbie-highlight.js +*/ +.hljs { + background: #fbebd4; + color: #84613d +} +/* Kimbie Comment */ +.hljs-comment, +.hljs-quote { + color: #a57a4c +} +/* Kimbie Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-meta { + color: #dc3958 +} +/* Kimbie Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-deletion, +.hljs-link { + color: #f79a32 +} +/* Kimbie Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #889b4a +} +/* Kimbie Purple */ +.hljs-keyword, +.hljs-selector-tag, +.hljs-function { + color: #98676a +} +/* Kimbie Yellow */ +.hljs-title, +.hljs-section, +.hljs-attribute { + color: #f06431 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/lightfair.css b/assets/highlights/lightfair.css new file mode 100644 index 0000000..5142dff --- /dev/null +++ b/assets/highlights/lightfair.css @@ -0,0 +1,81 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Lightfair style (c) Tristian Kelly + +*/ +.hljs { + color: #444; + background: #fff +} +.hljs-name { + color: #01a3a3 +} +.hljs-tag, +.hljs-meta { + color: #778899 +} +.hljs-subst { + /* default */ + +} +.hljs-comment { + color: #888888 +} +.hljs-keyword, +.hljs-attribute, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-name { + font-weight: bold +} +.hljs-type, +.hljs-string, +.hljs-number, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #4286f4 +} +.hljs-title, +.hljs-section { + color: #4286f4; + font-weight: bold +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #BC6060 +} +.hljs-literal { + color: #62bcbc +} +.hljs-built_in, +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #25c6c6 +} +.hljs-meta .hljs-string { + color: #4d99bf +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/lioshi.css b/assets/highlights/lioshi.css new file mode 100644 index 0000000..035611a --- /dev/null +++ b/assets/highlights/lioshi.css @@ -0,0 +1,76 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* lioshi Theme */ +/* Original theme - https://github.com/lioshi/vscode-lioshi-theme */ +.hljs { + background: #303030; + color: #c5c8c6 +} +/* Comment */ +.hljs-comment { + color: #8d8d8d +} +/* quote */ +.hljs-quote { + color: #b3c7d8 +} +/* Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #cc6666 +} +/* Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-subst +.hljs-link { + color: #de935f +} +/* Yellow */ +.hljs-attribute { + color: #f0c674 +} +/* Green */ +.hljs-string, +.hljs-bullet, +.hljs-params, +.hljs-addition { + color: #b5bd68 +} +/* Purple */ +.hljs-selector-tag, +.hljs-keyword, +.hljs-function, +.hljs-class { + color: #be94bb +} +/* Blue */ +.hljs-title, +.hljs-meta, +.hljs-section { + color: #81a2be +} +/* Purple light */ +.hljs-symbol { + color: #dbc4d9 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/magula.css b/assets/highlights/magula.css new file mode 100644 index 0000000..9d30419 --- /dev/null +++ b/assets/highlights/magula.css @@ -0,0 +1,66 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Description: Magula style for highligh.js +Author: Ruslan Keba +Website: http://rukeba.com/ +Version: 1.0 +Date: 2009-01-03 +Music: Aphex Twin / Xtal +*/ +.hljs { + background-color: #f4f4f4; + color: black +} +.hljs-subst { + color: black +} +.hljs-string, +.hljs-title, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #050 +} +.hljs-comment, +.hljs-quote { + color: #777 +} +.hljs-number, +.hljs-regexp, +.hljs-literal, +.hljs-type, +.hljs-link { + color: #800 +} +.hljs-deletion, +.hljs-meta { + color: #00e +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-doctag, +.hljs-title, +.hljs-section, +.hljs-built_in, +.hljs-tag, +.hljs-name { + font-weight: bold; + color: navy +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/mono-blue.css b/assets/highlights/mono-blue.css new file mode 100644 index 0000000..bc9bcea --- /dev/null +++ b/assets/highlights/mono-blue.css @@ -0,0 +1,56 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + Five-color theme from a single blue hue. +*/ +.hljs { + background: #eaeef3; + color: #00193a +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-title, +.hljs-section, +.hljs-doctag, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-comment { + color: #738191 +} +.hljs-string, +.hljs-title, +.hljs-section, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-addition, +.hljs-tag, +.hljs-quote, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class { + color: #0048ab +} +.hljs-meta, +.hljs-subst, +.hljs-symbol, +.hljs-regexp, +.hljs-attribute, +.hljs-deletion, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-bullet { + color: #4c81c9 +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/monokai-sublime.css b/assets/highlights/monokai-sublime.css new file mode 100644 index 0000000..b469dd4 --- /dev/null +++ b/assets/highlights/monokai-sublime.css @@ -0,0 +1,76 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/ + +*/ +.hljs { + background: #23241f; + color: #f8f8f2 +} +.hljs-tag, +.hljs-subst { + color: #f8f8f2 +} +.hljs-strong, +.hljs-emphasis { + color: #a8a8a2 +} +.hljs-bullet, +.hljs-quote, +.hljs-number, +.hljs-regexp, +.hljs-literal, +.hljs-link { + color: #ae81ff +} +.hljs-code, +.hljs-title, +.hljs-section, +.hljs-selector-class { + color: #a6e22e +} +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-name, +.hljs-attr { + color: #f92672 +} +.hljs-symbol, +.hljs-attribute { + color: #66d9ef +} +.hljs-params, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #f8f8f2 +} +.hljs-string, +.hljs-type, +.hljs-built_in, +.hljs-selector-id, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-addition, +.hljs-variable, +.hljs-template-variable { + color: #e6db74 +} +.hljs-comment, +.hljs-deletion, +.hljs-meta { + color: #75715e +} \ No newline at end of file diff --git a/assets/highlights/monokai.css b/assets/highlights/monokai.css new file mode 100644 index 0000000..4c77f4d --- /dev/null +++ b/assets/highlights/monokai.css @@ -0,0 +1,68 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Monokai style - ported by Luigi Maselli - http://grigio.org +*/ +.hljs { + background: #272822; + color: #ddd +} +.hljs-tag, +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-strong, +.hljs-name { + color: #f92672 +} +.hljs-code { + color: #66d9ef +} +.hljs-attribute, +.hljs-symbol, +.hljs-regexp, +.hljs-link { + color: #bf79db +} +.hljs-string, +.hljs-bullet, +.hljs-subst, +.hljs-title, +.hljs-section, +.hljs-emphasis, +.hljs-type, +.hljs-built_in, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #a6e22e +} +.hljs-title.class_, +.hljs-class .hljs-title { + color: white +} +.hljs-comment, +.hljs-quote, +.hljs-deletion, +.hljs-meta { + color: #75715e +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-doctag, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-selector-id { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/night-owl.css b/assets/highlights/night-owl.css new file mode 100644 index 0000000..3cad0eb --- /dev/null +++ b/assets/highlights/night-owl.css @@ -0,0 +1,174 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Night Owl for highlight.js (c) Carl Baxter + +An adaptation of Sarah Drasner's Night Owl VS Code Theme +https://github.com/sdras/night-owl-vscode-theme + +Copyright (c) 2018 Sarah Drasner + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + +*/ +.hljs { + background: #011627; + color: #d6deeb +} +/* General Purpose */ +.hljs-keyword { + color: #c792ea; + font-style: italic +} +.hljs-built_in { + color: #addb67; + font-style: italic +} +.hljs-type { + color: #82aaff +} +.hljs-literal { + color: #ff5874 +} +.hljs-number { + color: #F78C6C +} +.hljs-regexp { + color: #5ca7e4 +} +.hljs-string { + color: #ecc48d +} +.hljs-subst { + color: #d3423e +} +.hljs-symbol { + color: #82aaff +} +.hljs-class { + color: #ffcb8b +} +.hljs-function { + color: #82AAFF +} +.hljs-title { + color: #DCDCAA; + font-style: italic +} +.hljs-params { + color: #7fdbca +} +/* Meta */ +.hljs-comment { + color: #637777; + font-style: italic +} +.hljs-doctag { + color: #7fdbca +} +.hljs-meta { + color: #82aaff +} +.hljs-meta .hljs-keyword { + color: #82aaff +} +.hljs-meta .hljs-string { + color: #ecc48d +} +/* Tags, attributes, config */ +.hljs-section { + color: #82b1ff +} +.hljs-tag, +.hljs-name { + color: #7fdbca +} +.hljs-attr { + color: #7fdbca +} +.hljs-attribute { + color: #80cbc4 +} +.hljs-variable { + color: #addb67 +} +/* Markup */ +.hljs-bullet { + color: #d9f5dd +} +.hljs-code { + color: #80CBC4 +} +.hljs-emphasis { + color: #c792ea; + font-style: italic +} +.hljs-strong { + color: #addb67; + font-weight: bold +} +.hljs-formula { + color: #c792ea +} +.hljs-link { + color: #ff869a +} +.hljs-quote { + color: #697098; + font-style: italic +} +/* CSS */ +.hljs-selector-tag { + color: #ff6363 +} +.hljs-selector-id { + color: #fad430 +} +.hljs-selector-class { + color: #addb67; + font-style: italic +} +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #c792ea; + font-style: italic +} +/* Templates */ +.hljs-template-tag { + color: #c792ea +} +.hljs-template-variable { + color: #addb67 +} +/* diff */ +.hljs-addition { + color: #addb67ff; + font-style: italic +} +.hljs-deletion { + color: #EF535090; + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/nnfx-dark.css b/assets/highlights/nnfx-dark.css new file mode 100644 index 0000000..cbacc28 --- /dev/null +++ b/assets/highlights/nnfx-dark.css @@ -0,0 +1,104 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: nnfx dark + Description: a theme inspired by Netscape Navigator/Firefox + Author: (c) 2020-2021 Jim Mason + Maintainer: @RocketMan + License: https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0 + Updated: 2021-05-17 + + @version 1.1.0 +*/ +.hljs { + background: #333; + color: #fff +} +.language-xml .hljs-meta, +.language-xml .hljs-meta-string { + font-weight: bold; + font-style: italic; + color: #69f +} +.hljs-comment, +.hljs-quote { + font-style: italic; + color: #9c6 +} +.hljs-name, +.hljs-keyword, +.hljs-built_in { + color: #a7a +} +.hljs-name, +.hljs-attr { + font-weight: bold +} +.hljs-string { + font-weight: normal +} +.hljs-code, +.hljs-string, +.hljs-meta .hljs-string, +.hljs-number, +.hljs-regexp, +.hljs-link { + color: #bce +} +.hljs-title, +.hljs-symbol, +.hljs-bullet, +.hljs-variable, +.hljs-template-variable { + color: #d40 +} +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-type { + font-weight: bold; + color: #96c +} +.hljs-title.function_, +.hljs-function .hljs-title, +.hljs-attr, +.hljs-subst, +.hljs-tag { + color: #fff +} +.hljs-formula { + background-color: #eee; + font-style: italic +} +.hljs-addition { + background-color: #797 +} +.hljs-deletion { + background-color: #c99 +} +.hljs-meta { + color: #69f +} +.hljs-section, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-pseudo, +.hljs-selector-tag { + font-weight: bold; + color: #69f +} +.hljs-selector-pseudo { + font-style: italic +} +.hljs-doctag, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/nnfx-light.css b/assets/highlights/nnfx-light.css new file mode 100644 index 0000000..87a04c6 --- /dev/null +++ b/assets/highlights/nnfx-light.css @@ -0,0 +1,104 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: nnfx light + Description: a theme inspired by Netscape Navigator/Firefox + Author: (c) 2020-2021 Jim Mason + Maintainer: @RocketMan + License: https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0 + Updated: 2021-05-17 + + @version 1.1.0 +*/ +.hljs { + background: #fff; + color: #000 +} +.language-xml .hljs-meta, +.language-xml .hljs-meta-string { + font-weight: bold; + font-style: italic; + color: #48b +} +.hljs-comment, +.hljs-quote { + font-style: italic; + color: #070 +} +.hljs-name, +.hljs-keyword, +.hljs-built_in { + color: #808 +} +.hljs-name, +.hljs-attr { + font-weight: bold +} +.hljs-string { + font-weight: normal +} +.hljs-code, +.hljs-string, +.hljs-meta .hljs-string, +.hljs-number, +.hljs-regexp, +.hljs-link { + color: #00f +} +.hljs-title, +.hljs-symbol, +.hljs-bullet, +.hljs-variable, +.hljs-template-variable { + color: #f40 +} +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-type { + font-weight: bold; + color: #639 +} +.hljs-title.function_, +.hljs-function .hljs-title, +.hljs-attr, +.hljs-subst, +.hljs-tag { + color: #000 +} +.hljs-formula { + background-color: #eee; + font-style: italic +} +.hljs-addition { + background-color: #beb +} +.hljs-deletion { + background-color: #fbb +} +.hljs-meta { + color: #269 +} +.hljs-section, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-pseudo, +.hljs-selector-tag { + font-weight: bold; + color: #48b +} +.hljs-selector-pseudo { + font-style: italic +} +.hljs-doctag, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/nord.css b/assets/highlights/nord.css new file mode 100644 index 0000000..2e849af --- /dev/null +++ b/assets/highlights/nord.css @@ -0,0 +1,275 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + * Copyright (c) 2017-present Arctic Ice Studio + * Copyright (c) 2017-present Sven Greb + * + * Project: Nord highlight.js + * Version: 0.1.0 + * Repository: https://github.com/arcticicestudio/nord-highlightjs + * License: MIT + * References: + * https://github.com/arcticicestudio/nord + */ +/* + +Polar Night + +#2E3440 +#3B4252 +#434C5E +#4C566A + +Snow Storm + +#D8DEE9 +#E5E9F0 +#ECEFF4 + +Frost + +#8FBCBB +#88C0D0 +#81A1C1 +#5E81AC + +Aurora + +#BF616A +#D08770 +#EBCB8B +#A3BE8C +#B48EAD + +*/ +.hljs { + background: #2E3440 +} +.hljs, +.hljs-subst { + color: #D8DEE9 +} +.hljs-selector-tag { + color: #81A1C1 +} +.hljs-selector-id { + color: #8FBCBB; + font-weight: bold +} +.hljs-selector-class { + color: #8FBCBB +} +.hljs-selector-attr { + color: #8FBCBB +} +.hljs-property { + color: #88C0D0 +} +.hljs-selector-pseudo { + color: #88C0D0 +} +.hljs-addition { + background-color: rgba(163, 190, 140, 0.5) +} +.hljs-deletion { + background-color: rgba(191, 97, 106, 0.5) +} +.hljs-built_in, +.hljs-type { + color: #8FBCBB +} +.hljs-class { + color: #8FBCBB +} +.hljs-function { + color: #88C0D0 +} +.hljs-title.hljs-function, +.hljs-function > .hljs-title { + color: #88C0D0 +} +.hljs-keyword, +.hljs-literal, +.hljs-symbol { + color: #81A1C1 +} +.hljs-number { + color: #B48EAD +} +.hljs-regexp { + color: #EBCB8B +} +.hljs-string { + color: #A3BE8C +} +.hljs-title { + color: #8FBCBB +} +.hljs-params { + color: #D8DEE9 +} +.hljs-bullet { + color: #81A1C1 +} +.hljs-code { + color: #8FBCBB +} +.hljs-emphasis { + font-style: italic +} +.hljs-formula { + color: #8FBCBB +} +.hljs-strong { + font-weight: bold +} +.hljs-link:hover { + text-decoration: underline +} +.hljs-quote { + color: #4C566A +} +.hljs-comment { + color: #4C566A +} +.hljs-doctag { + color: #8FBCBB +} +.hljs-meta, +.hljs-meta .hljs-keyword { + color: #5E81AC +} +.hljs-meta .hljs-string { + color: #A3BE8C +} +.hljs-attr { + color: #8FBCBB +} +.hljs-attribute { + color: #D8DEE9 +} +.hljs-name { + color: #81A1C1 +} +.hljs-section { + color: #88C0D0 +} +.hljs-tag { + color: #81A1C1 +} +.hljs-variable { + color: #D8DEE9 +} +.hljs-template-variable { + color: #D8DEE9 +} +.hljs-template-tag { + color: #5E81AC +} +/* per language customizations */ +.language-abnf .hljs-attribute { + color: #88C0D0 +} +.language-abnf .hljs-symbol { + color: #EBCB8B +} +.language-apache .hljs-attribute { + color: #88C0D0 +} +.language-apache .hljs-section { + color: #81A1C1 +} +.language-arduino .hljs-built_in { + color: #88C0D0 +} +.language-aspectj .hljs-meta { + color: #D08770 +} +.language-aspectj > .hljs-title { + color: #88C0D0 +} +.language-bnf .hljs-attribute { + color: #8FBCBB +} +.language-clojure .hljs-name { + color: #88C0D0 +} +.language-clojure .hljs-symbol { + color: #EBCB8B +} +.language-coq .hljs-built_in { + color: #88C0D0 +} +.language-cpp .hljs-meta .hljs-string { + color: #8FBCBB +} +.language-css .hljs-built_in { + color: #88C0D0 +} +.language-css .hljs-keyword { + color: #D08770 +} +.language-diff .hljs-meta { + color: #8FBCBB +} +.language-ebnf .hljs-attribute { + color: #8FBCBB +} +.language-glsl .hljs-built_in { + color: #88C0D0 +} +.language-groovy .hljs-meta:not(:first-child) { + color: #D08770 +} +.language-haxe .hljs-meta { + color: #D08770 +} +.language-java .hljs-meta { + color: #D08770 +} +.language-ldif .hljs-attribute { + color: #8FBCBB +} +.language-lisp .hljs-name { + color: #88C0D0 +} +.language-lua .hljs-built_in { + color: #88C0D0 +} +.language-moonscript .hljs-built_in { + color: #88C0D0 +} +.language-nginx .hljs-attribute { + color: #88C0D0 +} +.language-nginx .hljs-section { + color: #5E81AC +} +.language-pf .hljs-built_in { + color: #88C0D0 +} +.language-processing .hljs-built_in { + color: #88C0D0 +} +.language-scss .hljs-keyword { + color: #81A1C1 +} +.language-stylus .hljs-keyword { + color: #81A1C1 +} +.language-swift .hljs-meta { + color: #D08770 +} +.language-vim .hljs-built_in { + color: #88C0D0; + font-style: italic +} +.language-yaml .hljs-meta { + color: #D08770 +} \ No newline at end of file diff --git a/assets/highlights/obsidian.css b/assets/highlights/obsidian.css new file mode 100644 index 0000000..df7af1d --- /dev/null +++ b/assets/highlights/obsidian.css @@ -0,0 +1,79 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/** + * Obsidian style + * ported by Alexander Marenin (http://github.com/ioncreature) + */ +.hljs { + color: #e0e2e4; + background: #282b2e +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-selector-id { + color: #93c763 +} +.hljs-number { + color: #ffcd22 +} +.hljs-attribute { + color: #668bb0 +} +.hljs-regexp, +.hljs-link { + color: #d39745 +} +.hljs-meta { + color: #557182 +} +.hljs-tag, +.hljs-name, +.hljs-bullet, +.hljs-subst, +.hljs-emphasis, +.hljs-type, +.hljs-built_in, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #8cbbad +} +.hljs-string, +.hljs-symbol { + color: #ec7600 +} +.hljs-comment, +.hljs-quote, +.hljs-deletion { + color: #818e96 +} +.hljs-selector-class { + color: #A082BD +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-doctag, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-code, +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-section { + color: white +} \ No newline at end of file diff --git a/assets/highlights/panda-syntax-dark.css b/assets/highlights/panda-syntax-dark.css new file mode 100644 index 0000000..9a0695d --- /dev/null +++ b/assets/highlights/panda-syntax-dark.css @@ -0,0 +1,92 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/** + * Panda Syntax Theme for Highlight.js + * Based on: https://github.com/tinkertrain/panda-syntax-vscode + * Author: Annmarie Switzer + */ +.hljs { + color: #e6e6e6; + background: #2a2c2d +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-link { + text-decoration: underline +} +.hljs-comment, +.hljs-quote { + color: #bbbbbb; + font-style: italic +} +.hljs-params { + color: #bbbbbb +} +.hljs-punctuation, +.hljs-attr { + color: #e6e6e6 +} +.hljs-selector-tag, +.hljs-name, +.hljs-meta { + color: #ff4b82 +} +.hljs-operator, +.hljs-char.escape_ { + color: #b084eb +} +.hljs-keyword, +.hljs-deletion { + color: #ff75b5 +} +.hljs-regexp, +.hljs-selector-pseudo, +.hljs-selector-attr, +.hljs-variable.language_ { + color: #ff9ac1 +} +.hljs-subst, +.hljs-property, +.hljs-code, +.hljs-formula, +.hljs-section, +.hljs-title.function_ { + color: #45a9f9 +} +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition, +.hljs-selector-class, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-meta .hljs-string { + color: #19f9d8 +} +.hljs-variable, +.hljs-template-variable, +.hljs-number, +.hljs-literal, +.hljs-type, +.hljs-link, +.hljs-built_in, +.hljs-title, +.hljs-selector-id, +.hljs-tag, +.hljs-doctag, +.hljs-attribute, +.hljs-template-tag, +.hljs-meta .hljs-keyword, +.hljs-punctuation { + color: #ffb86c +} \ No newline at end of file diff --git a/assets/highlights/panda-syntax-light.css b/assets/highlights/panda-syntax-light.css new file mode 100644 index 0000000..4bb4024 --- /dev/null +++ b/assets/highlights/panda-syntax-light.css @@ -0,0 +1,89 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/** + * Panda Syntax Theme for Highlight.js + * Based on: https://github.com/tinkertrain/panda-syntax-vscode + * Author: Annmarie Switzer + */ +.hljs { + color: #2a2c2d; + background: #e6e6e6 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-link { + text-decoration: underline +} +.hljs-comment, +.hljs-quote { + color: #676B79; + font-style: italic +} +.hljs-params { + color: #676B79 +} +.hljs-punctuation, +.hljs-attr { + color: #2a2c2d +} +.hljs-selector-tag, +.hljs-name, +.hljs-meta, +.hljs-operator, +.hljs-char.escape_ { + color: #c56200 +} +.hljs-keyword, +.hljs-deletion { + color: #d92792 +} +.hljs-regexp, +.hljs-selector-pseudo, +.hljs-selector-attr, +.hljs-variable.language_ { + color: #cc5e91 +} +.hljs-subst, +.hljs-property, +.hljs-code, +.hljs-formula, +.hljs-section, +.hljs-title.function_ { + color: #3787c7 +} +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition, +.hljs-selector-class, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-meta .hljs-string { + color: #0d7d6c +} +.hljs-variable, +.hljs-template-variable, +.hljs-number, +.hljs-literal, +.hljs-type, +.hljs-link, +.hljs-built_in, +.hljs-title, +.hljs-selector-id, +.hljs-tag, +.hljs-doctag, +.hljs-attribute, +.hljs-template-tag, +.hljs-meta .hljs-keyword { + color: #7641bb +} \ No newline at end of file diff --git a/assets/highlights/paraiso-dark.css b/assets/highlights/paraiso-dark.css new file mode 100644 index 0000000..e375a88 --- /dev/null +++ b/assets/highlights/paraiso-dark.css @@ -0,0 +1,67 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + Paraíso (dark) + Created by Jan T. Sott (http://github.com/idleberg) + Inspired by the art of Rubens LP (http://www.rubenslp.com.br) +*/ +.hljs { + background: #2f1e2e; + color: #a39e9b +} +/* Paraíso Comment */ +.hljs-comment, +.hljs-quote { + color: #8d8687 +} +/* Paraíso Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-link, +.hljs-meta { + color: #ef6155 +} +/* Paraíso Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-deletion { + color: #f99b15 +} +/* Paraíso Yellow */ +.hljs-title, +.hljs-section, +.hljs-attribute { + color: #fec418 +} +/* Paraíso Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #48b685 +} +/* Paraíso Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #815ba4 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/paraiso-light.css b/assets/highlights/paraiso-light.css new file mode 100644 index 0000000..ef527f0 --- /dev/null +++ b/assets/highlights/paraiso-light.css @@ -0,0 +1,67 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + Paraíso (light) + Created by Jan T. Sott (http://github.com/idleberg) + Inspired by the art of Rubens LP (http://www.rubenslp.com.br) +*/ +.hljs { + background: #e7e9db; + color: #4f424c +} +/* Paraíso Comment */ +.hljs-comment, +.hljs-quote { + color: #776e71 +} +/* Paraíso Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-link, +.hljs-meta { + color: #ef6155 +} +/* Paraíso Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-deletion { + color: #f99b15 +} +/* Paraíso Yellow */ +.hljs-title, +.hljs-section, +.hljs-attribute { + color: #fec418 +} +/* Paraíso Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #48b685 +} +/* Paraíso Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #815ba4 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/pojoaque.css b/assets/highlights/pojoaque.css new file mode 100644 index 0000000..e04bf70 --- /dev/null +++ b/assets/highlights/pojoaque.css @@ -0,0 +1,76 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Pojoaque Style by Jason Tate +http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html +Based on Solarized Style from http://ethanschoonover.com/solarized + +*/ +.hljs { + color: #dccf8f; + background: url(./pojoaque.jpg) repeat scroll left top #181914 +} +.hljs-comment, +.hljs-quote { + color: #586e75; + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-addition { + color: #b64926 +} +.hljs-number, +.hljs-string, +.hljs-doctag, +.hljs-regexp { + color: #468966 +} +.hljs-title, +.hljs-section, +.hljs-built_in, +.hljs-name { + color: #ffb03b +} +.hljs-variable, +.hljs-template-variable, +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-type, +.hljs-tag { + color: #b58900 +} +.hljs-attribute { + color: #b89859 +} +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-subst, +.hljs-meta { + color: #cb4b16 +} +.hljs-deletion { + color: #dc322f +} +.hljs-selector-id, +.hljs-selector-class { + color: #d3a60c +} +.hljs-formula { + background: #073642 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/pojoaque.jpg.css b/assets/highlights/pojoaque.jpg.css new file mode 100644 index 0000000..1b49695 --- /dev/null +++ b/assets/highlights/pojoaque.jpg.css @@ -0,0 +1 @@ +Couldn't find the requested file /styles/pojoaque.jpg.css in highlight.js. \ No newline at end of file diff --git a/assets/highlights/purebasic.css b/assets/highlights/purebasic.css new file mode 100644 index 0000000..3529efd --- /dev/null +++ b/assets/highlights/purebasic.css @@ -0,0 +1,103 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +PureBASIC native IDE style ( version 1.0 - April 2016 ) + +by Tristano Ajmone + +Public Domain + +NOTE_1: PureBASIC code syntax highlighting only applies the following classes: + .hljs-comment + .hljs-function + .hljs-keywords + .hljs-string + .hljs-symbol + + Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style. + If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by + a "--- used for PureBASIC ... ---" comment on same line. + +NOTE_2: Color names provided in comments were derived using "Name that Color" online tool: + http://chir.ag/projects/name-that-color +*/ +.hljs { + background: #FFFFDF/* Half and Half (approx.) */ + +} +/* --- used for PureBASIC base color --- */ +/* --- used for PureBASIC Procedures return type --- */ +/* --- used for wrapping PureBASIC Procedures definitions --- */ +.hljs, +.hljs-type, +.hljs-function, +.hljs-name, +.hljs-number, +.hljs-attr, +.hljs-params, +.hljs-subst { + color: #000000/* Black */ + +} +/* --- used for PureBASIC Comments --- */ +.hljs-comment, +.hljs-regexp, +.hljs-section, +.hljs-selector-pseudo, +.hljs-addition { + color: #00AAAA/* Persian Green (approx.) */ + +} +/* --- used for PureBASIC Keywords --- */ +.hljs-keyword, +.hljs-class, +.hljs-meta .hljs-keyword, +.hljs-selector-class, +.hljs-built_in { + color: #006666; + /* Blue Stone (approx.) */ + font-weight: bold +} +/* --- used for PureBASIC Procedures Names --- */ +.hljs-title, +.hljs-tag, +.hljs-variable, +.hljs-code { + color: #006666/* Blue Stone (approx.) */ + +} +/* --- used for PureBASIC Strings --- */ +.hljs-string, +.hljs-selector-attr { + color: #0080FF/* Azure Radiance (approx.) */ + +} +/* --- used for PureBASIC Constants --- */ +.hljs-symbol, +.hljs-link, +.hljs-deletion, +.hljs-attribute { + color: #924B72/* Cannon Pink (approx.) */ + +} +.hljs-meta, +.hljs-literal, +.hljs-selector-id { + color: #924B72; + /* Cannon Pink (approx.) */ + font-weight: bold +} +.hljs-strong, +.hljs-name { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/qtcreator-dark.css b/assets/highlights/qtcreator-dark.css new file mode 100644 index 0000000..a655384 --- /dev/null +++ b/assets/highlights/qtcreator-dark.css @@ -0,0 +1,76 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Qt Creator dark color scheme + +*/ +.hljs { + color: #aaaaaa; + background: #000000 +} +.hljs-strong, +.hljs-emphasis { + color: #a8a8a2 +} +.hljs-bullet, +.hljs-quote, +.hljs-number, +.hljs-regexp, +.hljs-literal { + color: #ff55ff +} +.hljs-code +.hljs-selector-class { + color: #aaaaff +} +.hljs-emphasis, +.hljs-stronge, +.hljs-type { + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-function, +.hljs-section, +.hljs-symbol, +.hljs-name { + color: #ffff55 +} +.hljs-subst, +.hljs-tag, +.hljs-title { + color: #aaaaaa +} +.hljs-attribute { + color: #ff5555 +} +.hljs-variable, +.hljs-params, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #8888ff +} +.hljs-string, +.hljs-selector-id, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-type, +.hljs-built_in, +.hljs-template-tag, +.hljs-template-variable, +.hljs-addition, +.hljs-link { + color: #ff55ff +} +.hljs-comment, +.hljs-meta, +.hljs-deletion { + color: #55ffff +} \ No newline at end of file diff --git a/assets/highlights/qtcreator-light.css b/assets/highlights/qtcreator-light.css new file mode 100644 index 0000000..327126d --- /dev/null +++ b/assets/highlights/qtcreator-light.css @@ -0,0 +1,74 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Qt Creator light color scheme +*/ +.hljs { + color: #000000; + background: #ffffff +} +.hljs-strong, +.hljs-emphasis { + color: #000000 +} +.hljs-bullet, +.hljs-quote, +.hljs-number, +.hljs-regexp, +.hljs-literal { + color: #000080 +} +.hljs-code +.hljs-selector-class { + color: #800080 +} +.hljs-emphasis, +.hljs-stronge, +.hljs-type { + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-function, +.hljs-section, +.hljs-symbol, +.hljs-name { + color: #808000 +} +.hljs-subst, +.hljs-tag, +.hljs-title { + color: #000000 +} +.hljs-attribute { + color: #800000 +} +.hljs-variable, +.hljs-params, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #0055AF +} +.hljs-string, +.hljs-selector-id, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-type, +.hljs-built_in, +.hljs-template-tag, +.hljs-template-variable, +.hljs-addition, +.hljs-link { + color: #008000 +} +.hljs-comment, +.hljs-meta, +.hljs-deletion { + color: #008000 +} \ No newline at end of file diff --git a/assets/highlights/rainbow.css b/assets/highlights/rainbow.css new file mode 100644 index 0000000..80b2834 --- /dev/null +++ b/assets/highlights/rainbow.css @@ -0,0 +1,77 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Style with support for rainbow parens + +*/ +.hljs { + background: #474949; + color: #d1d9e1 +} +.hljs-comment, +.hljs-quote { + color: #969896; + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-type, +.hljs-addition { + color: #cc99cc +} +.hljs-number, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #f99157 +} +.hljs-string, +.hljs-doctag, +.hljs-regexp { + color: #8abeb7 +} +.hljs-title, +.hljs-name, +.hljs-section, +.hljs-built_in { + color: #b5bd68 +} +.hljs-variable, +.hljs-template-variable, +.hljs-selector-id, +.hljs-title.class_, +.hljs-class .hljs-title { + color: #ffcc66 +} +.hljs-section, +.hljs-name, +.hljs-strong { + font-weight: bold +} +.hljs-symbol, +.hljs-bullet, +.hljs-subst, +.hljs-meta, +.hljs-link { + color: #f99157 +} +.hljs-deletion { + color: #dc322f +} +.hljs-formula { + background: #eee8d5 +} +.hljs-attr, +.hljs-attribute { + color: #81a2be +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/routeros.css b/assets/highlights/routeros.css new file mode 100644 index 0000000..5b3602b --- /dev/null +++ b/assets/highlights/routeros.css @@ -0,0 +1,86 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + + highlight.js style for MikroTik RouterOS script + +*/ +.hljs { + color: #444; + background: #F0F0F0 +} +/* Base color: saturation 0; */ +.hljs-subst { + color: #444 +} +.hljs-comment { + color: #888888 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-name { + font-weight: bold +} +.hljs-attribute { + color: #0E9A00 +} +.hljs-function { + color: #99069A +} +/* User color: hue: 0 */ +.hljs-type, +.hljs-string, +.hljs-number, +.hljs-selector-id, +.hljs-selector-class, +.hljs-quote, +.hljs-template-tag, +.hljs-deletion { + color: #880000 +} +.hljs-title, +.hljs-section { + color: #880000; + font-weight: bold +} +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #BC6060 +} +/* Language color: hue: 90; */ +.hljs-literal { + color: #78A960 +} +.hljs-built_in, +.hljs-bullet, +.hljs-code, +.hljs-addition { + color: #0C9A9A +} +/* Meta color: hue: 200 */ +.hljs-meta { + color: #1f7199 +} +.hljs-meta .hljs-string { + color: #4d99bf +} +/* Misc effects */ +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/school-book.css b/assets/highlights/school-book.css new file mode 100644 index 0000000..8dcb902 --- /dev/null +++ b/assets/highlights/school-book.css @@ -0,0 +1,62 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +School Book style from goldblog.com.ua (c) Zaripov Yura + +*/ +.hljs { + color: #3e5915; + background: #f6f5b2 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal { + color: #005599; + font-weight: bold +} +.hljs-subst { + color: #3e5915 +} +.hljs-string, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute, +.hljs-built_in, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable, +.hljs-link { + color: #2c009f +} +.hljs-comment, +.hljs-quote, +.hljs-deletion, +.hljs-meta { + color: #e60415 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-doctag, +.hljs-title, +.hljs-section, +.hljs-type, +.hljs-name, +.hljs-selector-id, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/shades-of-purple.css b/assets/highlights/shades-of-purple.css new file mode 100644 index 0000000..8a51050 --- /dev/null +++ b/assets/highlights/shades-of-purple.css @@ -0,0 +1,84 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/** + * Shades of Purple Theme — for Highlightjs. + * + * @author (c) Ahmad Awais + * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS + * @version 1.5.0 + */ +.hljs { + background: #2d2b57; + color: #e3dfff; + font-weight: normal +} +.hljs-subst { + color: #e3dfff +} +.hljs-title { + color: #fad000; + font-weight: normal +} +.hljs-name { + color: #a1feff +} +.hljs-tag { + color: #ffffff +} +.hljs-attr { + color: #f8d000; + font-style: italic +} +.hljs-built_in, +.hljs-selector-tag, +.hljs-section { + color: #fb9e00 +} +.hljs-keyword { + color: #fb9e00 +} +.hljs-string, +.hljs-attribute, +.hljs-symbol, +.hljs-bullet, +.hljs-addition, +.hljs-code, +.hljs-regexp, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-template-tag, +.hljs-quote, +.hljs-deletion { + color: #4cd213 +} +.hljs-meta, +.hljs-meta .hljs-string { + color: #fb9e00 +} +.hljs-comment { + color: #ac65ff +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-name, +.hljs-strong { + font-weight: normal +} +.hljs-literal, +.hljs-number { + color: #fa658d +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/srcery.css b/assets/highlights/srcery.css new file mode 100644 index 0000000..1b60bd4 --- /dev/null +++ b/assets/highlights/srcery.css @@ -0,0 +1,89 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* +Theme: Srcery +Description: Srcery dark color scheme for highlight.js +Author: Chen Bin +Maintainer: @redguardtoo +Website: https://srcery-colors.github.io/ +Date: 2021-04-13 +*/ +.hljs { + background: #1C1B19; + /* Black */ + color: #FCE8C3/* Bright White */ + +} +/* Bright White */ +.hljs-subst, +.hljs-quote, +.hljs-literal { + color: #FCE8C3 +} +/* Bright Blue */ +.hljs-type, +.hljs-symbol { + color: #68A8E4 +} +/* Red */ +.hljs-keyword, +.hljs-deletion { + color: #EF2F27 +} +/* Yellow */ +.hljs-name, +.hljs-function, +.hljs-attribute, +.hljs-selector-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-pseudo, +.hljs-section, +.hljs-title { + color: #FBB829 +} +/* Cyan */ +.hljs-code, +.hljs-variable, +.hljs-property, +.hljs-template-variable, +.hljs-class { + color: #0AAEB3 +} +/* Bright Green */ +.hljs-string, +.hljs-regexp, +.hljs-bullet, +.hljs-addition { + color: #98BC37 +} +/* Bright Magenta */ +.hljs-built_in, +.hljs-params { + color: #FF5C8F +} +/* Blue */ +.hljs-template-tag, +.hljs-selector-tag { + color: #2C78BF +} +/* Bright Black */ +.hljs-link, +.hljs-number, +.hljs-comment, +.hljs-meta { + color: #918175 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +/* @see https://github.com/srcery-colors/srcery-emacs for reference */ diff --git a/assets/highlights/stackoverflow-dark.css b/assets/highlights/stackoverflow-dark.css new file mode 100644 index 0000000..6cc355e --- /dev/null +++ b/assets/highlights/stackoverflow-dark.css @@ -0,0 +1,117 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: StackOverflow Dark + Description: Dark theme as used on stackoverflow.com + Author: stackoverflow.com + Maintainer: @Hirse + Website: https://github.com/StackExchange/Stacks + License: MIT + Updated: 2021-05-15 + + Updated for @stackoverflow/stacks v0.64.0 + Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less + Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less +*/ +.hljs { + /* var(--highlight-color) */ + color: #ffffff; + /* var(--highlight-bg) */ + background: #1c1b1b +} +.hljs-subst { + /* var(--highlight-color) */ + color: #ffffff +} +.hljs-comment { + /* var(--highlight-comment) */ + color: #999999 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-section { + /* var(--highlight-keyword) */ + color: #88aece +} +.hljs-attr { + /* var(--highlight-attribute); */ + color: #88aece +} +.hljs-attribute { + /* var(--highlight-symbol) */ + color: #c59bc1 +} +.hljs-name, +.hljs-type, +.hljs-number, +.hljs-selector-id, +.hljs-quote, +.hljs-template-tag { + /* var(--highlight-namespace) */ + color: #f08d49 +} +.hljs-selector-class { + /* var(--highlight-keyword) */ + color: #88aece +} +.hljs-string, +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr { + /* var(--highlight-variable) */ + color: #b5bd68 +} +.hljs-meta, +.hljs-selector-pseudo { + /* var(--highlight-keyword) */ + color: #88aece +} +.hljs-built_in, +.hljs-title, +.hljs-literal { + /* var(--highlight-literal) */ + color: #f08d49 +} +.hljs-bullet, +.hljs-code { + /* var(--highlight-punctuation) */ + color: #cccccc +} +.hljs-meta .hljs-string { + /* var(--highlight-variable) */ + color: #b5bd68 +} +.hljs-deletion { + /* var(--highlight-deletion) */ + color: #de7176 +} +.hljs-addition { + /* var(--highlight-addition) */ + color: #76c490 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-formula, +.hljs-operator, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/stackoverflow-light.css b/assets/highlights/stackoverflow-light.css new file mode 100644 index 0000000..308171d --- /dev/null +++ b/assets/highlights/stackoverflow-light.css @@ -0,0 +1,117 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: StackOverflow Light + Description: Light theme as used on stackoverflow.com + Author: stackoverflow.com + Maintainer: @Hirse + Website: https://github.com/StackExchange/Stacks + License: MIT + Updated: 2021-05-15 + + Updated for @stackoverflow/stacks v0.64.0 + Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less + Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less +*/ +.hljs { + /* var(--highlight-color) */ + color: #2f3337; + /* var(--highlight-bg) */ + background: #f6f6f6 +} +.hljs-subst { + /* var(--highlight-color) */ + color: #2f3337 +} +.hljs-comment { + /* var(--highlight-comment) */ + color: #656e77 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-section { + /* var(--highlight-keyword) */ + color: #015692 +} +.hljs-attr { + /* var(--highlight-attribute); */ + color: #015692 +} +.hljs-attribute { + /* var(--highlight-symbol) */ + color: #803378 +} +.hljs-name, +.hljs-type, +.hljs-number, +.hljs-selector-id, +.hljs-quote, +.hljs-template-tag { + /* var(--highlight-namespace) */ + color: #b75501 +} +.hljs-selector-class { + /* var(--highlight-keyword) */ + color: #015692 +} +.hljs-string, +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr { + /* var(--highlight-variable) */ + color: #54790d +} +.hljs-meta, +.hljs-selector-pseudo { + /* var(--highlight-keyword) */ + color: #015692 +} +.hljs-built_in, +.hljs-title, +.hljs-literal { + /* var(--highlight-literal) */ + color: #b75501 +} +.hljs-bullet, +.hljs-code { + /* var(--highlight-punctuation) */ + color: #535a60 +} +.hljs-meta .hljs-string { + /* var(--highlight-variable) */ + color: #54790d +} +.hljs-deletion { + /* var(--highlight-deletion) */ + color: #c02d2e +} +.hljs-addition { + /* var(--highlight-addition) */ + color: #2f6f44 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-formula, +.hljs-operator, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ + +} \ No newline at end of file diff --git a/assets/highlights/sunburst.css b/assets/highlights/sunburst.css new file mode 100644 index 0000000..5b49f21 --- /dev/null +++ b/assets/highlights/sunburst.css @@ -0,0 +1,89 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Sunburst-like style (c) Vasily Polovnyov + +*/ +.hljs { + background: #000; + color: #f8f8f8 +} +.hljs-comment, +.hljs-quote { + color: #aeaeae; + font-style: italic +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #e28964 +} +.hljs-string { + color: #65b042 +} +.hljs-subst { + color: #daefa3 +} +.hljs-regexp, +.hljs-link { + color: #e9c062 +} +.hljs-title, +.hljs-section, +.hljs-tag, +.hljs-name { + color: #89bdff +} +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-doctag { + text-decoration: underline +} +.hljs-symbol, +.hljs-bullet, +.hljs-number { + color: #3387cc +} +.hljs-params, +.hljs-variable, +.hljs-template-variable { + color: #3e87e3 +} +.hljs-attribute { + color: #cda869 +} +.hljs-meta { + color: #8996a8 +} +.hljs-formula { + background-color: #0e2231; + color: #f8f8f8; + font-style: italic +} +.hljs-addition { + background-color: #253b22; + color: #f8f8f8 +} +.hljs-deletion { + background-color: #420e09; + color: #f8f8f8 +} +.hljs-selector-class { + color: #9b703f +} +.hljs-selector-id { + color: #8b98ab +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/tokyo-night-dark.css b/assets/highlights/tokyo-night-dark.css new file mode 100644 index 0000000..e746b50 --- /dev/null +++ b/assets/highlights/tokyo-night-dark.css @@ -0,0 +1,114 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: Tokyo-night-Dark + origin: https://github.com/enkia/tokyo-night-vscode-theme + Description: Original highlight.js style + Author: (c) Henri Vandersleyen + License: see project LICENSE + Touched: 2022 +*/ +/* Comment */ +.hljs-meta, +.hljs-comment { + color: #565f89 +} +/* Red */ +/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */ +.hljs-tag, +.hljs-doctag, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-template-tag, +.hljs-selector-pseudo, +.hljs-selector-attr, +.hljs-variable.language_, +.hljs-deletion { + color: #f7768e +} +/*Orange */ +/*INFO: Number and Boolean constants, Language support constants */ +.hljs-variable, +.hljs-template-variable, +.hljs-number, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-link { + color: #ff9e64 +} +/* Yellow */ +/* INFO: Function parameters, Regex character sets, Terminal Yellow */ +.hljs-built_in, +.hljs-attribute { + color: #e0af68 +} +/* cyan */ +/* INFO: Language support functions, CSS HTML elements */ +.hljs-selector-tag { + color: #2ac3de +} +/* light blue */ +/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */ +.hljs-keyword, +.hljs-title.function_, +.hljs-title, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-subst, +.hljs-property { + color: #7dcfff +} +/*Green*/ +/* INFO: Object literal keys, Markdown links, Terminal Green */ +.hljs-selector-tag { + color: #73daca +} +/*Green(er) */ +/* INFO: Strings, CSS class names */ +.hljs-quote, +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #9ece6a +} +/* Blue */ +/* INFO: Function names, CSS property names, Terminal Blue */ +.hljs-code, +.hljs-formula, +.hljs-section { + color: #7aa2f7 +} +/* Magenta */ +/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */ +.hljs-name, +.hljs-keyword, +.hljs-operator, +.hljs-keyword, +.hljs-char.escape_, +.hljs-attr { + color: #bb9af7 +} +/* white*/ +/* INFO: Variables, Class names, Terminal White */ +.hljs-punctuation { + color: #c0caf5 +} +.hljs { + background: #1a1b26; + color: #9aa5ce +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/tokyo-night-light.css b/assets/highlights/tokyo-night-light.css new file mode 100644 index 0000000..2c7ca12 --- /dev/null +++ b/assets/highlights/tokyo-night-light.css @@ -0,0 +1,114 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/*! + Theme: Tokyo-night-light + origin: https://github.com/enkia/tokyo-night-vscode-theme + Description: Original highlight.js style + Author: (c) Henri Vandersleyen + License: see project LICENSE + Touched: 2022 +*/ +/* Comment */ +.hljs-meta, +.hljs-comment { + color: #9699a3 +} +/* Red */ +/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */ +.hljs-tag, +.hljs-doctag, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-template-tag, +.hljs-selector-pseudo, +.hljs-selector-attr, +.hljs-variable.language_, +.hljs-deletion { + color: #8c4351 +} +/*Orange */ +/*INFO: Number and Boolean constants, Language support constants */ +.hljs-variable, +.hljs-template-variable, +.hljs-number, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-link { + color: #965027 +} +/* Yellow */ +/* INFO: Function parameters, Regex character sets, Terminal Yellow */ +.hljs-built_in, +.hljs-attribute { + color: #8f5e15 +} +/* cyan */ +/* INFO: Language support functions, CSS HTML elements */ +.hljs-selector-tag { + color: #166775 +} +/* light blue */ +/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */ +.hljs-keyword, +.hljs-title.function_, +.hljs-title, +.hljs-title.class_, +.hljs-title.class_.inherited__, +.hljs-subst, +.hljs-property { + color: #0f4b6e +} +/*Green*/ +/* INFO: Object literal keys, Markdown links, Terminal Green */ +.hljs-selector-tag { + color: #33635c +} +/*Green(er) */ +/* INFO: Strings, CSS class names */ +.hljs-quote, +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #485e30 +} +/* Blue */ +/* INFO: Function names, CSS property names, Terminal Blue */ +.hljs-code, +.hljs-formula, +.hljs-section { + color: #34548a +} +/* Magenta */ +/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */ +.hljs-name, +.hljs-keyword, +.hljs-operator, +.hljs-keyword, +.hljs-char.escape_, +.hljs-attr { + color: #5a4a78 +} +/* white*/ +/* INFO: Variables, Class names, Terminal White */ +.hljs-punctuation { + color: #343b58 +} +.hljs { + background: #d5d6db; + color: #565a6e +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/tomorrow-night-blue.css b/assets/highlights/tomorrow-night-blue.css new file mode 100644 index 0000000..ae57a71 --- /dev/null +++ b/assets/highlights/tomorrow-night-blue.css @@ -0,0 +1,69 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* Tomorrow Night Blue Theme */ +/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ +/* Original theme - https://github.com/chriskempson/tomorrow-theme */ +/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ +/* Tomorrow Comment */ +.hljs-comment, +.hljs-quote { + color: #7285b7 +} +/* Tomorrow Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #ff9da4 +} +/* Tomorrow Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-meta, +.hljs-link { + color: #ffc58f +} +/* Tomorrow Yellow */ +.hljs-attribute { + color: #ffeead +} +/* Tomorrow Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #d1f1a9 +} +/* Tomorrow Blue */ +.hljs-title, +.hljs-section { + color: #bbdaff +} +/* Tomorrow Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #ebbbff +} +.hljs { + background: #002451; + color: white +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/tomorrow-night-bright.css b/assets/highlights/tomorrow-night-bright.css new file mode 100644 index 0000000..b3b532d --- /dev/null +++ b/assets/highlights/tomorrow-night-bright.css @@ -0,0 +1,68 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* Tomorrow Night Bright Theme */ +/* Original theme - https://github.com/chriskempson/tomorrow-theme */ +/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ +/* Tomorrow Comment */ +.hljs-comment, +.hljs-quote { + color: #969896 +} +/* Tomorrow Red */ +.hljs-variable, +.hljs-template-variable, +.hljs-tag, +.hljs-name, +.hljs-selector-id, +.hljs-selector-class, +.hljs-regexp, +.hljs-deletion { + color: #d54e53 +} +/* Tomorrow Orange */ +.hljs-number, +.hljs-built_in, +.hljs-literal, +.hljs-type, +.hljs-params, +.hljs-meta, +.hljs-link { + color: #e78c45 +} +/* Tomorrow Yellow */ +.hljs-attribute { + color: #e7c547 +} +/* Tomorrow Green */ +.hljs-string, +.hljs-symbol, +.hljs-bullet, +.hljs-addition { + color: #b9ca4a +} +/* Tomorrow Blue */ +.hljs-title, +.hljs-section { + color: #7aa6da +} +/* Tomorrow Purple */ +.hljs-keyword, +.hljs-selector-tag { + color: #c397d8 +} +.hljs { + background: black; + color: #eaeaea +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/vs.css b/assets/highlights/vs.css new file mode 100644 index 0000000..dc35c88 --- /dev/null +++ b/assets/highlights/vs.css @@ -0,0 +1,63 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +Visual Studio-like style based on original C# coloring by Jason Diamond + +*/ +.hljs { + background: white; + color: black +} +.hljs-comment, +.hljs-quote, +.hljs-variable { + color: #008000 +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-built_in, +.hljs-name, +.hljs-tag { + color: #00f +} +.hljs-string, +.hljs-title, +.hljs-section, +.hljs-attribute, +.hljs-literal, +.hljs-template-tag, +.hljs-template-variable, +.hljs-type, +.hljs-addition { + color: #a31515 +} +.hljs-deletion, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-meta { + color: #2b91af +} +.hljs-doctag { + color: #808080 +} +.hljs-attr { + color: #f00 +} +.hljs-symbol, +.hljs-bullet, +.hljs-link { + color: #00b0e8 +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} \ No newline at end of file diff --git a/assets/highlights/vs2015.css b/assets/highlights/vs2015.css new file mode 100644 index 0000000..2c2cf04 --- /dev/null +++ b/assets/highlights/vs2015.css @@ -0,0 +1,100 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + * Visual Studio 2015 dark style + * Author: Nicolas LLOBERA + */ +.hljs { + background: #1E1E1E; + color: #DCDCDC +} +.hljs-keyword, +.hljs-literal, +.hljs-symbol, +.hljs-name { + color: #569CD6 +} +.hljs-link { + color: #569CD6; + text-decoration: underline +} +.hljs-built_in, +.hljs-type { + color: #4EC9B0 +} +.hljs-number, +.hljs-class { + color: #B8D7A3 +} +.hljs-string, +.hljs-meta .hljs-string { + color: #D69D85 +} +.hljs-regexp, +.hljs-template-tag { + color: #9A5334 +} +.hljs-subst, +.hljs-function, +.hljs-title, +.hljs-params, +.hljs-formula { + color: #DCDCDC +} +.hljs-comment, +.hljs-quote { + color: #57A64A; + font-style: italic +} +.hljs-doctag { + color: #608B4E +} +.hljs-meta, +.hljs-meta .hljs-keyword, +.hljs-tag { + color: #9B9B9B +} +.hljs-variable, +.hljs-template-variable { + color: #BD63C5 +} +.hljs-attr, +.hljs-attribute { + color: #9CDCFE +} +.hljs-section { + color: gold +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +/*.hljs-code { + font-family:'Monospace'; +}*/ +.hljs-bullet, +.hljs-selector-tag, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #D7BA7D +} +.hljs-addition { + background-color: #144212; + display: inline-block; + width: 100% +} +.hljs-deletion { + background-color: #600; + display: inline-block; + width: 100% +} \ No newline at end of file diff --git a/assets/highlights/xcode.css b/assets/highlights/xcode.css new file mode 100644 index 0000000..6ed07fb --- /dev/null +++ b/assets/highlights/xcode.css @@ -0,0 +1,90 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + +XCode style (c) Angel Garcia + +*/ +.hljs { + background: #fff; + color: black +} +/* Gray DOCTYPE selectors like WebKit */ +.xml .hljs-meta { + color: #c0c0c0 +} +.hljs-comment, +.hljs-quote { + color: #007400 +} +.hljs-tag, +.hljs-attribute, +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-name { + color: #aa0d91 +} +.hljs-variable, +.hljs-template-variable { + color: #3F6E74 +} +.hljs-code, +.hljs-string, +.hljs-meta .hljs-string { + color: #c41a16 +} +.hljs-regexp, +.hljs-link { + color: #0E0EFF +} +.hljs-title, +.hljs-symbol, +.hljs-bullet, +.hljs-number { + color: #1c00cf +} +.hljs-section, +.hljs-meta { + color: #643820 +} +.hljs-title.class_, +.hljs-class .hljs-title, +.hljs-type, +.hljs-built_in, +.hljs-params { + color: #5c2699 +} +.hljs-attr { + color: #836C28 +} +.hljs-subst { + color: #000 +} +.hljs-formula { + background-color: #eee; + font-style: italic +} +.hljs-addition { + background-color: #baeeba +} +.hljs-deletion { + background-color: #ffc8bd +} +.hljs-selector-id, +.hljs-selector-class { + color: #9b703f +} +.hljs-doctag, +.hljs-strong { + font-weight: bold +} +.hljs-emphasis { + font-style: italic +} \ No newline at end of file diff --git a/assets/highlights/xt256.css b/assets/highlights/xt256.css new file mode 100644 index 0000000..85950c4 --- /dev/null +++ b/assets/highlights/xt256.css @@ -0,0 +1,79 @@ +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em +} +code.hljs { + padding: 3px 5px +} +/* + xt256.css + + Contact: initbar [at] protonmail [dot] ch + : github.com/initbar +*/ +.hljs { + color: #eaeaea; + background: #000 +} +.hljs-subst { + color: #eaeaea +} +.hljs-emphasis { + font-style: italic +} +.hljs-strong { + font-weight: bold +} +.hljs-type { + color: #eaeaea +} +.hljs-params { + color: #da0000 +} +.hljs-literal, +.hljs-number, +.hljs-name { + color: #ff0000; + font-weight: bolder +} +.hljs-comment { + color: #969896 +} +.hljs-selector-id, +.hljs-quote { + color: #00ffff +} +.hljs-template-variable, +.hljs-variable, +.hljs-title { + color: #00ffff; + font-weight: bold +} +.hljs-selector-class, +.hljs-keyword, +.hljs-symbol { + color: #fff000 +} +.hljs-string, +.hljs-bullet { + color: #00ff00 +} +.hljs-tag, +.hljs-section { + color: #000fff +} +.hljs-selector-tag { + color: #000fff; + font-weight: bold +} +.hljs-attribute, +.hljs-built_in, +.hljs-regexp, +.hljs-link { + color: #ff00ff +} +.hljs-meta { + color: #fff; + font-weight: bolder +} \ No newline at end of file diff --git a/assets/lib.wasm b/assets/lib.wasm new file mode 100644 index 0000000..299628f Binary files /dev/null and b/assets/lib.wasm differ diff --git a/assets/themes.json b/assets/themes.json new file mode 100644 index 0000000..36bec79 --- /dev/null +++ b/assets/themes.json @@ -0,0 +1,200 @@ +[ + { + "name": "微信专业版", + "className": "wx-mp-pro", + "desc": "适合技术教程的专业微信公众号样式", + "author": "gavin" + }, + { + "name": "Maple", + "className": "maple", + "desc": "改自https://github.com/xbmlz/hexo-theme-maple", + "author": "Sun Booshi" + }, + { + "name": "MWeb Ayu", + "className": "mweb-ayu", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Bear Default", + "className": "mweb-bear-default", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Contrast", + "className": "mweb-contrast", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb D Boring", + "className": "mweb-d-boring", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Default", + "className": "mweb-default", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Duotone Heat", + "className": "mweb-duotone-heat", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Duotone Light", + "className": "mweb-duotone-light", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Gandalf", + "className": "mweb-gandalf", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Indigo", + "className": "mweb-indigo", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Jzman", + "className": "mweb-jzman", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Lark Bold Color", + "className": "mweb-lark-bold-color", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Lark", + "className": "mweb-lark", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Olive Dunk", + "className": "mweb-olive-dunk", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Red Graphite", + "className": "mweb-red-graphite", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Smartblue", + "className": "mweb-smartblue", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Solarized Light", + "className": "mweb-solarized-light", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Typo", + "className": "mweb-typo", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb V Green", + "className": "mweb-v-green", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Vue", + "className": "mweb-vue", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Ayu Mirage", + "className": "mweb-ayu-mirage", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Charcoal", + "className": "mweb-charcoal", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Cobalt", + "className": "mweb-cobalt", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Dark Graphite", + "className": "mweb-dark-graphite", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Dieci", + "className": "mweb-dieci", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Dracula", + "className": "mweb-dracula", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Gotham", + "className": "mweb-gotham", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Lighthouse", + "className": "mweb-lighthouse", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Nord", + "className": "mweb-nord", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Panic", + "className": "mweb-panic", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Solarized Dark", + "className": "mweb-solarized-dark", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + }, + { + "name": "MWeb Toothpaste", + "className": "mweb-toothpaste", + "desc": "MWeb-Themes https://github.com/imageslr/mweb-themes", + "author": "imageslr" + } +] diff --git a/assets/themes/maple.css b/assets/themes/maple.css new file mode 100644 index 0000000..5c2c0f3 --- /dev/null +++ b/assets/themes/maple.css @@ -0,0 +1,318 @@ +/* =========================================================== */ +/* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */ +/* =========================================================== */ +.note-to-mp { + user-select: text; + -webkit-user-select: text; + color: #555; + font-family: "Inter", Inter var, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; +} + +.note-to-mp:last-child { + margin-bottom: 0; +} + +.note-to-mp .fancybox-img { + border: none; +} + +.note-to-mp .fancybox-img:hover { + opacity: none; + border: none; +} + +/* + ================================= + Heading + ================================== + */ +.note-to-mp h1 { + color: #222; + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +.note-to-mp h2 { + color: inherit; + font-weight: 700; + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; +} + +.note-to-mp h3 { + color: inherit; + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +.note-to-mp h4 { + color: inherit; + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; +} + +/* + ================================= + Horizontal Rules + ================================== + */ +.note-to-mp hr { + border-color: rgba(125, 125, 125, 0.3); + margin-top: 3em; + margin-bottom: 3em; +} + +/* + ================================= + Paragraphs + ================================== + */ +.note-to-mp p { + margin: 1em 0; +} + +/* + ================================= + Emphasis + ================================== + */ +.note-to-mp strong { + color: #222; + font-weight: 600; +} + +.note-to-mp em { + color: inherit; +} + +.note-to-mp s { + color: inherit; +} + +/* + ================================= + Blockquotes + ================================== + */ +.note-to-mp blockquote { + font-size: 1rem; + display: block; + margin: 1em 0; + padding: 1em 1.2em 1em 1.2em; + position: relative; + color: inherit; + border-left: 0.25rem solid rgba(125, 125, 125, 0.302); +} + +.note-to-mp blockquote p { + margin: 0; +} + +.note-to-mp blockquote footer strong { + margin-right: 0.5em; +} + +/* + ================================= + List + ================================== + */ +.note-to-mp ul { + margin: 0; + /* padding: 0; */ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +.note-to-mp ul>li { + position: relative; + /* padding-left: 1.75rem; */ + line-height: 1.8em; +} + + +.note-to-mp ul>li::marker { + color: #555; + /* font-size: 1.5em; */ +} + +.note-to-mp ol { + margin: 0; + padding: 0; + margin-top: 1.25em; + margin-bottom: 0em; + list-style-type: decimal; +} + +.note-to-mp ol>li { + position: relative; + padding-left: 0.8em; + margin-left: 2em; + line-height: 1.8em; +} + +/* + ================================= + Link + ================================== + */ +.note-to-mp a { + color: #000; + text-decoration: none; + font-weight: 500; + text-decoration: none; + border-bottom: 1px solid rgba(125, 125, 125, 0.3); + transition: border 0.3s ease-in-out; +} + +.note-to-mp a:hover { + border-bottom: 1px solid #555; +} + +/* + ================================= + Table + ================================== + */ +.note-to-mp table { + width: 100%; + table-layout: auto; + text-align: left; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; + border-collapse: collapse; + border-color: inherit; + text-indent: 0; +} + +.note-to-mp table thead { + color: #000; + font-weight: 600; + border-bottom-width: 1px; + border-bottom-color: #d1d5db; +} + +.note-to-mp table thead th { + vertical-align: bottom; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +.note-to-mp table thead th:first-child { + padding-left: 0; +} + +.note-to-mp table thead th:last-child { + padding-right: 0; +} + +.note-to-mp table tbody tr { + border-bottom-width: 1px; + border-bottom-color: #e5e7eb; +} + +.note-to-mp table tbody tr:last-child { + border-bottom-width: 0; +} + +.note-to-mp table tbody td { + vertical-align: top; + padding-top: 0.5714286em; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +.note-to-mp table tbody td:first-child { + padding-left: 0; +} + +.note-to-mp table tbody td:last-child { + padding-right: 0; +} + +/* + ================================= + Images + ================================== + */ +.note-to-mp img { + margin: 2em auto; +} + +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} + +/* + ================================= + Code + ================================== + */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(240, 240, 240); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; +} + +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} + +.note-to-mp .code-section ul>li { + line-height: 26px; + text-align: right; +} + +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; + background: transparent !important; +} + +.note-to-mp code { + font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; + color: #333; + background: rgb(250, 250, 250); + font-size: 0.875em; + padding: 1em; + text-wrap: nowrap; +} + +.note-to-mp .code-section pre code { + color: inherit; + display: flex; + text-wrap: nowrap; + font-size: inherit; + padding: 0; + background: transparent; +} \ No newline at end of file diff --git a/assets/themes/mweb-ayu-mirage.css b/assets/themes/mweb-ayu-mirage.css new file mode 100644 index 0000000..9a39b87 --- /dev/null +++ b/assets/themes/mweb-ayu-mirage.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(217, 215, 209); + background-color: rgb(31, 35, 47); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(159, 170, 185); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(60, 66, 84); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(254, 203, 102); + color: rgb(217, 215, 209); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(254, 203, 102); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(254, 203, 102) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(254, 203, 102); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(120, 126, 140); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(17, 110, 84); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(207, 208, 203); + border-collapse: collapse; + background-color: rgb(24, 28, 37); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(60, 66, 84); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(207, 208, 203); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(60, 66, 84); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-ayu.css b/assets/themes/mweb-ayu.css new file mode 100644 index 0000000..06967a0 --- /dev/null +++ b/assets/themes/mweb-ayu.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(107, 104, 132); + background-color: rgb(250, 250, 250); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(77, 82, 85); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(191, 193, 196); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(255, 106, 0); + color: rgb(107, 104, 132); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(255, 106, 0); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(255, 106, 0) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(230, 103, 0); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(141, 143, 149); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(230, 249, 189); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(39, 45, 56); + border-collapse: collapse; + background-color: rgb(255, 255, 255); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(191, 193, 196); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(39, 45, 56); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(191, 193, 196); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-bear-default.css b/assets/themes/mweb-bear-default.css new file mode 100644 index 0000000..3661297 --- /dev/null +++ b/assets/themes/mweb-bear-default.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: #222222; + background-color: white; + line-height: 1.6em; + margin: 0 0; + padding: 0 0; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: #262626; +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: #bfbfbf; + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid #353535; + color: #222222; +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: #353535; +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #353535 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: #2478c5; + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: #525252; +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: #fcffc0; +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: #424242; + border-collapse: collapse; + background-color: white; + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid #bfbfbf; +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: #424242; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #bfbfbf; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-charcoal.css b/assets/themes/mweb-charcoal.css new file mode 100644 index 0000000..16911db --- /dev/null +++ b/assets/themes/mweb-charcoal.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(166, 166, 166); + background-color: rgb(46, 50, 53); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(172, 172, 172); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(62, 67, 72); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(155, 183, 196); + color: rgb(166, 166, 166); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(155, 183, 196); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(155, 183, 196) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(171, 196, 207); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(122, 122, 122); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(7, 16, 25); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(153, 153, 153); + border-collapse: collapse; + background-color: rgb(47, 51, 55); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(62, 67, 72); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(153, 153, 153); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(62, 67, 72); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-cobalt.css b/assets/themes/mweb-cobalt.css new file mode 100644 index 0000000..e71770a --- /dev/null +++ b/assets/themes/mweb-cobalt.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(219, 240, 239); + background-color: rgb(20, 39, 56); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(211, 200, 69); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(16, 36, 50); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(252, 133, 30); + color: rgb(219, 240, 239); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(252, 133, 30); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(252, 133, 30) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(54, 201, 155); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(172, 191, 195); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(61, 0, 77); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(225, 239, 243); + border-collapse: collapse; + background-color: rgb(21, 45, 62); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(16, 36, 50); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(225, 239, 243); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(16, 36, 50); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-contrast.css b/assets/themes/mweb-contrast.css new file mode 100644 index 0000000..3904693 --- /dev/null +++ b/assets/themes/mweb-contrast.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: #222222; + background-color: #F9F9F9; + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: #262626; +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: #bfbfbf; + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid #2478c5; + color: #222222; +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: #2478c5; +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2478c5 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: #2478c5; + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: #525252; +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: #d3ffa4; +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: #424242; + border-collapse: collapse; + background-color: white; + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid #bfbfbf; +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: #424242; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #bfbfbf; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-d-boring.css b/assets/themes/mweb-d-boring.css new file mode 100644 index 0000000..e83ae33 --- /dev/null +++ b/assets/themes/mweb-d-boring.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(0, 0, 0); + background-color: rgb(251, 250, 252); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(0, 0, 0); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(199, 199, 199); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(127, 127, 127); + color: rgb(0, 0, 0); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(127, 127, 127); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(127, 127, 127) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(80, 112, 139); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(128, 126, 128); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(254, 255, 83); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(38, 37, 38); + border-collapse: collapse; + background-color: rgb(253, 253, 253); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(199, 199, 199); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(38, 37, 38); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(199, 199, 199); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-dark-graphite.css b/assets/themes/mweb-dark-graphite.css new file mode 100644 index 0000000..90495d0 --- /dev/null +++ b/assets/themes/mweb-dark-graphite.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(221, 221, 221); + background-color: rgb(30, 32, 34); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(203, 219, 229); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(87, 87, 87); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(74, 168, 251); + color: rgb(221, 221, 221); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(74, 168, 251); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(74, 168, 251) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(107, 202, 251); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(111, 115, 115); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(38, 60, 146); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(255, 254, 255); + border-collapse: collapse; + background-color: rgb(36, 36, 36); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(87, 87, 87); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(255, 254, 255); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(87, 87, 87); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-default.css b/assets/themes/mweb-default.css new file mode 100644 index 0000000..4bcf9a1 --- /dev/null +++ b/assets/themes/mweb-default.css @@ -0,0 +1,213 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default theme，适用于 core/mweb-base.scss。 + * 取值参考 chrome 默认样式： + * https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css + * 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。 + */ +/* color */ +/* font & line */ +/* boxing */ +/* elememts */ +/* + * 基准样式，相当于 reset.css，使主题在不同平台下有统一的表现。 + * 各个属性的默认值为 chrome 的默认样式，见 variables/default.scss。 + */ +/** + * MWeb 包裹 markdown 的容器是 .note-to-mp + * Typora 中是 #write + */ +.note-to-mp { + line-height: 1.6em; + -webkit-text-size-adjust: 100%; + margin: 0 0; + padding: 0 0; + font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; + font-size: 16px; + color: black; + background-color: white; + /* spacing */ + /* block */ + /* list */ + /* inline */ + /* table */ + /* svg */ +} +.note-to-mp p, .note-to-mp details, .note-to-mp dl, .note-to-mp ol, .note-to-mp ul, .note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing, .note-to-mp blockquote, .note-to-mp table, .note-to-mp figure, .note-to-mp hr { + margin-top: 0.75em; + margin-bottom: 0.75em; +} +.note-to-mp h1 { + font-size: 2em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp h2 { + font-size: 1.5em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp h3 { + font-size: 1.17em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp h4 { + font-size: 1em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp h5 { + font-size: 0.83em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp h6 { + font-size: 0.67em; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing { + font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp hr { + border-style: inset; + border-width: 1px; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp li + li { + margin-top: 0.25em; +} +.note-to-mp ul ul, .note-to-mp ol ul, .note-to-mp ul ol, .note-to-mp ol ol { + margin-top: 0; + margin-bottom: 0; +} +.note-to-mp .task-list-item { + list-style-type: none; +} +.note-to-mp a { + color: -webkit-link; + text-decoration: underline; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, .note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, .note-to-mp cite, .note-to-mp em, .note-to-mp var, .note-to-mp address, .note-to-mp dfn { + font-style: italic; +} +.note-to-mp code, .note-to-mp kbd, .note-to-mp tt, .note-to-mp samp { + font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; +} +.note-to-mp mark { + padding: 0.2em 0; + background-color: yellow; +} +.note-to-mp del, .note-to-mp s { + color: inherit; +} +.note-to-mp table { + color: black; + border-collapse: collapse; + background-color: white; + border-spacing: 2px; + font-size: 1em; +} +.note-to-mp th, .note-to-mp td { + border-color: gray; + border-width: 1px; + border-style: solid; +} +.note-to-mp th { + padding: 4px 8px; + font-size: 1em; + font-weight: bold; +} +.note-to-mp td { + padding: 4px 8px; + font-size: 1em; + font-weight: normal; +} +.note-to-mp div[id^=mweb-chart-ele] svg { + background-color: white; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px gray; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} + +.note-to-mp .code-section ul li { + margin: 0; +} \ No newline at end of file diff --git a/assets/themes/mweb-dieci.css b/assets/themes/mweb-dieci.css new file mode 100644 index 0000000..69fbcc7 --- /dev/null +++ b/assets/themes/mweb-dieci.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(212, 212, 212); + background-color: rgb(0, 0, 0); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(252, 206, 35); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(29, 29, 29); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(242, 148, 41); + color: rgb(212, 212, 212); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(242, 148, 41); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(242, 148, 41) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(227, 146, 9); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(146, 147, 146); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(16, 68, 3); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(229, 227, 229); + border-collapse: collapse; + background-color: rgb(16, 16, 16); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(29, 29, 29); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(229, 227, 229); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(29, 29, 29); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-dracula.css b/assets/themes/mweb-dracula.css new file mode 100644 index 0000000..c9b518e --- /dev/null +++ b/assets/themes/mweb-dracula.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(255, 255, 255); + background-color: rgb(53, 56, 70); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(80, 250, 123); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgba(187, 145, 248, 0.4); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(205, 174, 249); + color: rgb(255, 255, 255); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(205, 174, 249); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(205, 174, 249) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(139, 233, 253); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(178, 184, 163); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(95, 99, 117); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(249, 249, 245); + border-collapse: collapse; + background-color: rgb(31, 32, 42); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgba(187, 145, 248, 0.4); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(249, 249, 245); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgba(187, 145, 248, 0.4); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-duotone-heat.css b/assets/themes/mweb-duotone-heat.css new file mode 100644 index 0000000..68e03c5 --- /dev/null +++ b/assets/themes/mweb-duotone-heat.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(101, 96, 101); + background-color: rgb(251, 250, 249); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(138, 74, 169); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(211, 197, 211); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(202, 124, 208); + color: rgb(101, 96, 101); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(202, 124, 208); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(202, 124, 208) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(183, 71, 175); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(146, 142, 147); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(242, 193, 209); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(89, 84, 89); + border-collapse: collapse; + background-color: rgb(255, 253, 253); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(211, 197, 211); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(89, 84, 89); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(211, 197, 211); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-duotone-light.css b/assets/themes/mweb-duotone-light.css new file mode 100644 index 0000000..7d8f09f --- /dev/null +++ b/assets/themes/mweb-duotone-light.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(75, 53, 8); + background-color: rgb(250, 248, 245); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(99, 90, 71); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgba(182, 173, 155, 0.3); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(115, 144, 201); + color: rgb(75, 53, 8); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(115, 144, 201); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(115, 144, 201) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(11, 53, 135); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(136, 102, 42); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(211, 255, 164); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(66, 66, 66); + border-collapse: collapse; + background-color: rgb(255, 252, 249); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgba(182, 173, 155, 0.3); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(66, 66, 66); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgba(182, 173, 155, 0.3); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-gandalf.css b/assets/themes/mweb-gandalf.css new file mode 100644 index 0000000..424415b --- /dev/null +++ b/assets/themes/mweb-gandalf.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(69, 82, 96); + background-color: rgb(240, 240, 240); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(61, 81, 109); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(200, 205, 218); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(160, 76, 107); + color: rgb(69, 82, 96); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(160, 76, 107); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(160, 76, 107) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(128, 57, 75); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgba(69, 82, 96, 0.7); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(211, 255, 164); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(62, 74, 98); + border-collapse: collapse; + background-color: rgb(248, 247, 249); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(200, 205, 218); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(62, 74, 98); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(200, 205, 218); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-gotham.css b/assets/themes/mweb-gotham.css new file mode 100644 index 0000000..e932f6b --- /dev/null +++ b/assets/themes/mweb-gotham.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(106, 169, 185); + background-color: rgb(17, 21, 28); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(46, 184, 140); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(18, 42, 63); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(42, 168, 137); + color: rgb(106, 169, 185); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(42, 168, 137); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(42, 168, 137) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(242, 130, 90); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgba(89, 156, 171, 0.7); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(43, 56, 79); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(89, 156, 171); + border-collapse: collapse; + background-color: rgb(10, 23, 34); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(18, 42, 63); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(89, 156, 171); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(18, 42, 63); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-indigo.css b/assets/themes/mweb-indigo.css new file mode 100644 index 0000000..47c1164 --- /dev/null +++ b/assets/themes/mweb-indigo.css @@ -0,0 +1,184 @@ +.note-to-mp { + padding: 0 1em; + color: #595959; + font-size: 16px; + line-height: 1.8em; + background-image: linear-gradient(90deg, rgba(60, 10, 30, 0.05) 3%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, 0.05) 3%, transparent 0); + background-size: 20px 20px; + background-position: 50%; + word-break: break-all; + /* 主题自定义 */ + /* 主题自定义 end */ + /* 布局，一般不需要改动 */ +} +.note-to-mp blockquote { + margin-left: 0; + background-color: #ebf4ff; + border-color: #7f9cf5; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #667eea; +} +.note-to-mp strong { + color: #5a67d8; +} +.note-to-mp a { + border-color: #667eea; +} +.note-to-mp blockquote, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp ol, +.note-to-mp p, +.note-to-mp pre, +.note-to-mp table, +.note-to-mp ul { + margin-bottom: 1rem; +} +.note-to-mp ol { + list-style: decimal; +} +.note-to-mp ul { + list-style: disc; +} +.note-to-mp ol, +.note-to-mp ul { + padding-left: 2em; +} +.note-to-mp h1, +.note-to-mp h2 { + border-color: #5a67d8; + border-style: solid; + border-top-width: 0px; + border-right-width: 0px; + font-weight: 600; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.75rem; +} +.note-to-mp h1, +.note-to-mp h2 { + border-bottom: 1px solid #eaecef !important; + border-left-width: 6px; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-bottom: 16px; + line-height: 1.25; +} +.note-to-mp blockquote { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-left: 0.25em solid; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp strong::before { + content: "「"; +} +.note-to-mp strong::after { + content: "」"; +} +.note-to-mp a { + text-decoration: none; + border-bottom: 1px solid; +} +.note-to-mp .footnote-ref { + border-width: 0px; +} +.note-to-mp picture img { + border-radius: 6px; + display: block; + margin: 10px auto; + -o-object-fit: contain; + object-fit: contain; + box-shadow: 2px 4px 7px #999; +} +.note-to-mp img { + max-width: 100%; + display: block; + margin: 10px auto; + object-fit: contain; + border-radius: 6px; + box-shadow: 2px 4px 7px #999; +} +.note-to-mp picture { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 6px; + margin-bottom: 6px; +} +.note-to-mp .footnotes { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code, +.note-to-mp a { + color: #5a67d8; +} +.note-to-mp a { + border-color: #667eea; +} +.note-to-mp code { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + background-color: #ebf4ff; +} +.note-to-mp pre > code { + background-color: transparent; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #5a67d8; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-jzman.css b/assets/themes/mweb-jzman.css new file mode 100644 index 0000000..32559e2 --- /dev/null +++ b/assets/themes/mweb-jzman.css @@ -0,0 +1,191 @@ +.note-to-mp { + padding: 0 1em; + word-break: break-word; + line-height: 1.8; + font-weight: 400; + font-size: 16px; + word-spacing: 2px; + letter-spacing: 2px; + overflow-x: hidden; + color: #3e3e3e; + background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); + background-size: 20px 20px; + background-position: center center; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + line-height: 1.5; + margin-top: 35px; + margin-bottom: 10px; + padding-bottom: 5px; + font-weight: 600; +} +.note-to-mp h1 { + font-size: 30px; + margin-bottom: 5px; +} +.note-to-mp h2 { + padding-bottom: 12px; + font-size: 24px; + border-bottom: 1px solid #ececec; +} +.note-to-mp h3 { + font-size: 18px; + padding-bottom: 0; +} +.note-to-mp h4 { + font-size: 1.2em; + border-bottom: 2px solid rgb(239, 112, 96); + word-spacing: 0px !important; + letter-spacing: 0px !important; + font-size: inherit; + line-height: inherit; + display: block; + font-weight: normal; + background: rgb(239, 112, 96); + color: rgb(255, 255, 255); + padding: 10px 10px 10px; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + margin-right: 3px; +} +.note-to-mp h5 { + font-size: 15px; +} +.note-to-mp h6 { + margin-top: 5px; +} +.note-to-mp p { + line-height: inherit; + margin-top: 22px; + margin-bottom: 22px; +} +.note-to-mp img { + max-width: 100%; +} +.note-to-mp hr { + border-top: 1px solid #ddd; + border-bottom: none; + border-left: none; + border-right: none; + margin-top: 32px; + margin-bottom: 32px; +} +.note-to-mp a { + text-decoration: none; + color: #0269c8; + border-bottom: 1px solid #d1e9ff; +} +.note-to-mp table { + display: inline-block !important; + font-size: 12px; + width: auto; + max-width: 100%; + overflow: auto; + border: solid 1px #f6f6f6; +} +.note-to-mp thead { + background: #f6f6f6; + color: #000; + text-align: left; +} +.note-to-mp tr:nth-child(2n) { + background-color: #fcfcfc; +} +.note-to-mp th, +.note-to-mp td { + padding: 12px 7px; + line-height: 24px; +} +.note-to-mp td { + min-width: 120px; +} +.note-to-mp blockquote { + color: #666; + padding: 1px 23px; + margin: 22px 0; + border-left: 4px solid #cbcbcb; + background-color: #f8f8f8; +} +.note-to-mp blockquote > p { + margin: 10px 0; +} +.note-to-mp ol, +.note-to-mp ul { + padding-left: 28px; +} +.note-to-mp ol li, +.note-to-mp ul li { + margin-bottom: 0; + list-style: inherit; +} +.note-to-mp ol ul, +.note-to-mp ol ol, +.note-to-mp ul ul, +.note-to-mp ul ol { + margin-top: 3px; +} +.note-to-mp ol li { + padding-left: 6px; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + word-break: break-word; + border-radius: 2px; + background-color: #fff5f5; + color: #ff502c; + font-size: 0.87em; + padding: 0.065em 0.4em; +} +.note-to-mp .code-section pre code { + font-size: inherit; + padding: 0; + margin: 0; + border: unset; + background-color: transparent; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #cbcbcb; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-lark-bold-color.css b/assets/themes/mweb-lark-bold-color.css new file mode 100644 index 0000000..8a4e987 --- /dev/null +++ b/assets/themes/mweb-lark-bold-color.css @@ -0,0 +1,149 @@ +/* + * Default theme，适用于 core/mweb-base.scss。 + * 取值参考 chrome 默认样式： + * https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css + * 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。 + */ +/* color */ +/* font & line */ +/* boxing */ +/* elememts */ +/* color */ +/* prism & pre */ +/* font */ +/* header */ +/* spacing */ +/* table */ +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + color: #1f2329; + line-height: 1.4; + font-weight: 600; + margin-top: 1em; + margin-bottom: 0.37em; +} +.note-to-mp blockquote { + display: block; + margin-left: 0; + padding-left: 14px; + border-left: 2px solid #3370ff; + color: rgba(31, 35, 41, 0.7); +} +.note-to-mp a { + overflow-wrap: break-word; + word-wrap: break-word; + white-space: pre-wrap; + hyphens: auto; + word-break: break-word; + color: #3370ff; + text-decoration: none; +} +.note-to-mp hr { + margin: 13px 0 12px; + border: 0px; + height: 1px; + background-origin: content-box; + background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196)); + background-repeat: no-repeat; +} +.note-to-mp ul > li:not([class*=task-list-item]) { + word-wrap: break-all; + padding-left: 12px; + color: #3370ff; +} +.note-to-mp ul > li:not([class*=task-list-item]) > section { + color: #1f2329; +} +.note-to-mp ul > li:not([class*=task-list-item])::marker { + color: #3370ff; +} +.note-to-mp ol > li:not([class*=task-list-item]) { + word-wrap: break-all; + padding-left: 12px; +} +.note-to-mp ol > li:not([class*=task-list-item]) > section { + color: #1f2329; +} +.note-to-mp ol > li:not([class*=task-list-item])::marker { + color: #3370ff; +} +.note-to-mp li + li, +.note-to-mp ul ul, +.note-to-mp ol ul, +.note-to-mp ul ol, +.note-to-mp ol ol, +.note-to-mp li ul, +.note-to-mp li ol { + margin-top: 4px; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + border-radius: 4px; + margin-left: 2px; + margin-right: 2px; + border: 1px solid #dee0e3; + background-color: #f5f6f7; + word-spacing: normal; + line-height: 1.6em; + padding: 0 2px; +} +.note-to-mp .code-section pre code { + border: none; + background-color: transparent; + line-height: inherit; + padding: 0; + margin: 0; + text-wrap: nowrap; +} +.note-to-mp .code-section ul li { + color: inherit; + margin: 0; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #dee0e3; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} + +.note-to-mp strong { + color: rgb(36, 91, 219); +} \ No newline at end of file diff --git a/assets/themes/mweb-lark.css b/assets/themes/mweb-lark.css new file mode 100644 index 0000000..28ad837 --- /dev/null +++ b/assets/themes/mweb-lark.css @@ -0,0 +1,145 @@ +/* + * Default theme，适用于 core/mweb-base.scss。 + * 取值参考 chrome 默认样式： + * https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css + * 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。 + */ +/* color */ +/* font & line */ +/* boxing */ +/* elememts */ +/* color */ +/* prism & pre */ +/* font */ +/* header */ +/* spacing */ +/* table */ +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + color: #1f2329; + line-height: 1.4; + font-weight: 600; + margin-top: 1em; + margin-bottom: 0.37em; +} +.note-to-mp blockquote { + display: block; + margin-left: 0; + padding-left: 14px; + border-left: 2px solid #3370ff; + color: rgba(31, 35, 41, 0.7); +} +.note-to-mp a { + overflow-wrap: break-word; + word-wrap: break-word; + white-space: pre-wrap; + hyphens: auto; + word-break: break-word; + color: #3370ff; + text-decoration: none; +} +.note-to-mp hr { + margin: 13px 0 12px; + border: 0px; + height: 1px; + background-origin: content-box; + background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196)); + background-repeat: no-repeat; +} +.note-to-mp ul > li:not([class*=task-list-item]) { + word-wrap: break-all; + padding-left: 12px; + color: #3370ff; +} +.note-to-mp ul > li:not([class*=task-list-item]) > section { + color: #1f2329; +} +.note-to-mp ul > li:not([class*=task-list-item])::marker { + color: #3370ff; +} +.note-to-mp ol > li:not([class*=task-list-item]) { + word-wrap: break-all; + padding-left: 12px; +} +.note-to-mp ol > li:not([class*=task-list-item]) > section { + color: #1f2329; +} +.note-to-mp ol > li:not([class*=task-list-item])::marker { + color: #3370ff; +} +.note-to-mp li + li, +.note-to-mp ul ul, +.note-to-mp ol ul, +.note-to-mp ul ol, +.note-to-mp ol ol, +.note-to-mp li ul, +.note-to-mp li ol { + margin-top: 4px; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + border-radius: 4px; + margin-left: 2px; + margin-right: 2px; + border: 1px solid #dee0e3; + background-color: #f5f6f7; + word-spacing: normal; + line-height: 1.6em; + padding: 0 2px; +} +.note-to-mp .code-section pre code { + border: none; + background-color: transparent; + line-height: inherit; + padding: 0; + margin: 0; + text-wrap: nowrap; +} +.note-to-mp .code-section ul li { + color: inherit; + margin: 0; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #dee0e3; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-lighthouse.css b/assets/themes/mweb-lighthouse.css new file mode 100644 index 0000000..a1f6fab --- /dev/null +++ b/assets/themes/mweb-lighthouse.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(253, 250, 224); + background-color: rgb(24, 24, 30); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(251, 239, 137); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(100, 176, 119); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(209, 95, 38); + color: rgb(253, 250, 224); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(209, 95, 38); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(209, 95, 38) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(123, 206, 171); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(204, 204, 204); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(21, 109, 104); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(204, 203, 204); + border-collapse: collapse; + background-color: rgb(27, 26, 34); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(100, 176, 119); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(204, 203, 204); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(100, 176, 119); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-nord.css b/assets/themes/mweb-nord.css new file mode 100644 index 0000000..3ce58cd --- /dev/null +++ b/assets/themes/mweb-nord.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(237, 238, 243); + background-color: rgb(47, 52, 64); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(217, 221, 231); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(99, 110, 132); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(144, 185, 201); + color: rgb(237, 238, 243); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(144, 185, 201); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(144, 185, 201) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(167, 189, 144); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(160, 163, 171); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(155, 98, 100); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(237, 238, 243); + border-collapse: collapse; + background-color: rgb(54, 57, 69); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(99, 110, 132); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(237, 238, 243); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(99, 110, 132); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-olive-dunk.css b/assets/themes/mweb-olive-dunk.css new file mode 100644 index 0000000..5a2f41d --- /dev/null +++ b/assets/themes/mweb-olive-dunk.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(66, 63, 55); + background-color: rgb(251, 250, 240); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(43, 100, 81); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(221, 219, 214); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(149, 175, 163); + color: rgb(66, 63, 55); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(149, 175, 163); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(149, 175, 163) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(33, 95, 79); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(126, 150, 143); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(249, 220, 175); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(89, 88, 82); + border-collapse: collapse; + background-color: rgb(254, 254, 248); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(221, 219, 214); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(89, 88, 82); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(221, 219, 214); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-panic.css b/assets/themes/mweb-panic.css new file mode 100644 index 0000000..b16f2af --- /dev/null +++ b/assets/themes/mweb-panic.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(246, 247, 238); + background-color: rgb(17, 28, 42); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(249, 181, 55); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(45, 69, 98); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(249, 181, 55); + color: rgb(246, 247, 238); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(249, 181, 55); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(249, 181, 55) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(84, 193, 220); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(176, 176, 176); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(45, 78, 120); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(246, 247, 238); + border-collapse: collapse; + background-color: rgb(23, 33, 52); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(45, 69, 98); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(246, 247, 238); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(45, 69, 98); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-red-graphite.css b/assets/themes/mweb-red-graphite.css new file mode 100644 index 0000000..201773e --- /dev/null +++ b/assets/themes/mweb-red-graphite.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: #222222; + background-color: #fcfcfc; + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: #262626; +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: #bfbfbf; + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid #e06e73; + color: #222222; +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: #e06e73; +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #e06e73 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: #de4c4f; + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: #525252; +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: #fcffc0; +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: #424242; + border-collapse: collapse; + background-color: white; + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid #bfbfbf; +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: #424242; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #bfbfbf; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-smartblue.css b/assets/themes/mweb-smartblue.css new file mode 100644 index 0000000..daf0ad3 --- /dev/null +++ b/assets/themes/mweb-smartblue.css @@ -0,0 +1,173 @@ +.note-to-mp { + color: #595959; + font-size: 15px; + background-image: linear-gradient(90deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%); + background-size: 20px 20px; + background-position: center center; + padding: 1em; + /* 段落 */ + /* 段落间距控制 */ + /* 标题的通用设置 */ + /* 一级标题 */ + /* 二级标题 */ + /* 三级标题 */ + /* 无序列表 */ + /* 无序列表内容 */ + /* 引用 */ + /* 引用文字 */ + /* 链接 */ + /* 加粗 */ + /* 加粗斜体 */ + /* 分隔线 */ + /* 表格 */ +} +.note-to-mp p { + color: #595959; + font-size: 15px; + line-height: 2; + font-weight: 400; +} +.note-to-mp p + p { + margin-top: 16px; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + padding: 30px 0; + margin: 0; + color: #135ce0; + font-weight: 600; +} +.note-to-mp h1 { + position: relative; + text-align: center; + font-size: 22px; + margin: 50px 0; +} +.note-to-mp h2 { + position: relative; + font-size: 20px; + border-left: 4px solid; + padding: 0 0 0 10px; + margin: 30px 0; +} +.note-to-mp h3 { + font-size: 16px; +} +.note-to-mp ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} +.note-to-mp li { + line-height: 2; + color: #595959; + margin-bottom: 0; + list-style: inherit; +} +.note-to-mp img { + max-width: 100%; +} +.note-to-mp blockquote { + background: #fff9f9; + margin: 2em 0; + padding: 2px 20px; + border-left: 4px solid #b2aec5; +} +.note-to-mp blockquote p { + color: #666; + line-height: 2; +} +.note-to-mp a { + color: #036aca; + border-bottom: 1px solid rgba(3, 106, 202, 0.8); + font-weight: 400; + text-decoration: none; +} +.note-to-mp strong { + color: #036aca; +} +.note-to-mp em strong { + color: #036aca; +} +.note-to-mp hr { + border-top: 1px solid #135ce0; +} +.note-to-mp table { + border-collapse: collapse; + margin: 1rem 0; + overflow-x: auto; +} +.note-to-mp table th, +.note-to-mp table td { + border: 1px solid #dfe2e5; + padding: 0.6em 1em; +} +.note-to-mp table tr { + border-top: 1px solid #dfe2e5; +} +.note-to-mp table tr:nth-child(2n) { + background-color: #f6f8fa; +} +.note-to-mp .footnotes hr { + margin-bottom: 0.5em; +} +.note-to-mp code { + word-break: break-word; + border-radius: 2px; + background-color: #fff5f5; + color: #ff502c; + font-size: 0.87em; + padding: 0.065em 0.4em; +} +.note-to-mp .code-section pre code { + border: none; + background-color: transparent; + font-size: inherit; + padding: 0 !important; + margin: 0 !important; + text-wrap: nowrap; +} +.note-to-mp .code-section ul li { + line-height: inherit; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #ff502c; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-solarized-dark.css b/assets/themes/mweb-solarized-dark.css new file mode 100644 index 0000000..110eec6 --- /dev/null +++ b/assets/themes/mweb-solarized-dark.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(155, 166, 164); + background-color: rgb(11, 55, 66); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(171, 181, 180); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(3, 44, 54); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(44, 146, 133); + color: rgb(155, 166, 164); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(44, 146, 133); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(44, 146, 133) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(63, 198, 180); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(106, 134, 144); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(31, 0, 50); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(148, 162, 162); + border-collapse: collapse; + background-color: rgb(6, 33, 40); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(3, 44, 54); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(148, 162, 162); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(3, 44, 54); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-solarized-light.css b/assets/themes/mweb-solarized-light.css new file mode 100644 index 0000000..c058b0a --- /dev/null +++ b/assets/themes/mweb-solarized-light.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(50, 62, 69); + background-color: rgb(253, 246, 227); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(59, 79, 84); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgba(147, 161, 161, 0.5); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(165, 104, 18); + color: rgb(50, 62, 69); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(165, 104, 18); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(165, 104, 18) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(172, 117, 20); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(113, 127, 125); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(202, 255, 147); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(101, 123, 131); + border-collapse: collapse; + background-color: rgb(252, 244, 220); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgba(147, 161, 161, 0.5); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(101, 123, 131); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgba(147, 161, 161, 0.5); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-toothpaste.css b/assets/themes/mweb-toothpaste.css new file mode 100644 index 0000000..f4901d0 --- /dev/null +++ b/assets/themes/mweb-toothpaste.css @@ -0,0 +1,245 @@ +/* + * PrismJS default theme + * 这个文件只应该包含变量 + */ +/* + * Default bear theme，适用于 core/mweb-bear.scss。 + * 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。 + */ +/* font */ +/* container */ +/* spacing */ +/* color */ +/* other */ +/** + * 在 bear 的主题中，某些变量的取值和其他变量是绑定的。 + * 统一写在这里，这个文件应该在变量文件的最后被引入。 + */ +/** + * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 + * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 + */ +.note-to-mp { + font-size: 16px; + color: rgb(220, 227, 232); + background-color: rgb(34, 46, 51); + line-height: 1.6em; + margin: 0 0; + padding: 1em 1em; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp details, +.note-to-mp dl, +.note-to-mp blockquote, +.note-to-mp table, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp figure { + margin: 0.75em 0 0.45em; +} +.note-to-mp hr { + margin: 0.75em auto; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin-top: 1.5em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + font-weight: 600; + line-height: 1.5em; + color: rgb(131, 209, 221); +} +.note-to-mp h1 { + font-size: 1.5em; +} +.note-to-mp h2 { + font-size: 1.3em; +} +.note-to-mp h3 { + font-size: 1.1em; +} +.note-to-mp h4 { + font-size: 1em; +} +.note-to-mp h5 { + font-size: 1em; +} +.note-to-mp h6 { + font-size: 1em; +} +.note-to-mp hr { + height: 1px; + border: 0; + background-color: rgb(15, 21, 23); + border-style: inset; + border-width: 1px; +} +.note-to-mp p { + margin-left: 0; + margin-right: 0; +} +.note-to-mp pre { + padding: 0; + border: 0; +} +.note-to-mp blockquote { + display: block; + padding-left: 0.8em; + border-left: 0.2em solid rgb(199, 191, 127); + color: rgb(220, 227, 232); +} +.note-to-mp blockquote > :first-child { + margin-top: 0; +} +.note-to-mp blockquote > :last-child { + margin-bottom: 0; +} +.note-to-mp li { + word-wrap: break-all; +} +.note-to-mp ul { + margin-left: 1.3em; + padding: 0; +} +.note-to-mp li::marker { + color: rgb(199, 191, 127); +} +.note-to-mp li > p { + margin: 0; +} +.note-to-mp ol { + padding-left: 1.3em; + list-style-type: decimal; +} +.note-to-mp img { + max-width: 100%; + height: auto; +} +.note-to-mp u { + text-decoration: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(199, 191, 127) 50%); + background-repeat: repeat-x; + background-size: 2px 2px; + background-position: 0 1em; +} +.note-to-mp a { + color: rgb(214, 92, 92); + text-decoration: none; +} +.note-to-mp a img { + border: none; +} +.note-to-mp b, +.note-to-mp strong { + font-weight: bold; +} +.note-to-mp i, +.note-to-mp cite, +.note-to-mp em, +.note-to-mp var, +.note-to-mp address, +.note-to-mp dfn { + font-style: italic; +} +.note-to-mp del, +.note-to-mp s { + color: rgb(191, 191, 191); +} +.note-to-mp pre, +.note-to-mp xmp, +.note-to-mp plaintext, +.note-to-mp listing, +.note-to-mp code, +.note-to-mp kbd, +.note-to-mp tt, +.note-to-mp samp { + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp mark { + color: inherit; + display: inline; + padding: 0.2em 0.5em; + background-color: rgb(64, 65, 113); +} +.note-to-mp figcaption { + text-align: center; +} +.note-to-mp table { + color: rgb(168, 176, 181); + border-collapse: collapse; + background-color: rgb(18, 24, 27); + border-spacing: 2px; + font-size: 1em; + border: 1px; + border-spacing: 0; +} +.note-to-mp th, +.note-to-mp td { + padding: 0.7em 1em; + font-size: 0.9em; + border: 1px solid rgb(15, 21, 23); +} +.note-to-mp caption, +.note-to-mp th, +.note-to-mp td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +.note-to-mp .footnotes > ol li { + text-indent: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + display: inline; + color: rgb(168, 176, 181); +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px rgb(15, 21, 23); + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-typo.css b/assets/themes/mweb-typo.css new file mode 100644 index 0000000..eb489ee --- /dev/null +++ b/assets/themes/mweb-typo.css @@ -0,0 +1,393 @@ +/* MWeb：增大字体，便于阅读 */ +.note-to-mp { + font-size: 16px; + min-width: 200px; + max-width: 760px; + color: #333; + background: #fff; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-rendering: optimizelegibility; + /* 内外边距通常让各个浏览器样式的表现位置不同 */ + /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ + /* HTML5 媒体文件跟 img 保持一致 */ + /* 去掉各Table cell 的边距并让其边重合 */ + /* 去除默认边框 */ + /* 块/段落引用 */ + /* Firefox 以外，元素没有下划线，需添加 */ + /* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */ + /* 一致的 del 样式 */ + /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ + /* 对齐是排版最重要的因素, 别让什么都居中 */ + /* 统一上标和下标 */ + /* 让链接在 hover 状态下显示下划线 */ + /* 默认不显示下划线，保持页面简洁 */ + /* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的， + * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号 + * 关于 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element + * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated + * 一篇关于 标签的很好文章：http://html5doctor.com/u-element/ + */ + /* 标记，类似于手写的荧光笔的作用 */ + /* 一致化 horizontal rule */ + /* 底部印刷体、版本等标记 */ + /* 可拖动文件添加拖动手势 */ + /* 强制文本换行 */ + /* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */ + /* 保证块/段落之间的空白隔行 */ + /* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */ + /* 在文章中，应该还原 ul 和 ol 的样式 */ + /* 同 ul/ol，在文章中应用 table 基本格式 */ + /* Responsive images */ + /* 代码片断 */ +} +.note-to-mp dl, +.note-to-mp dt, +.note-to-mp dd, +.note-to-mp ul, +.note-to-mp ol, +.note-to-mp li, +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6, +.note-to-mp pre, +.note-to-mp code, +.note-to-mp form, +.note-to-mp fieldset, +.note-to-mp legend, +.note-to-mp input, +.note-to-mp textarea, +.note-to-mp p, +.note-to-mp blockquote, +.note-to-mp th, +.note-to-mp td, +.note-to-mp hr, +.note-to-mp button, +.note-to-mp article, +.note-to-mp aside, +.note-to-mp details, +.note-to-mp figcaption, +.note-to-mp figure, +.note-to-mp footer, +.note-to-mp header, +.note-to-mp menu, +.note-to-mp nav, +.note-to-mp section { + margin: 0; + padding: 0; +} +.note-to-mp article, +.note-to-mp aside, +.note-to-mp details, +.note-to-mp figcaption, +.note-to-mp figure, +.note-to-mp footer, +.note-to-mp header, +.note-to-mp menu, +.note-to-mp nav, +.note-to-mp section { + display: block; +} +.note-to-mp audio, +.note-to-mp canvas, +.note-to-mp video { + display: inline-block; +} +.note-to-mp table { + border-collapse: collapse; + border-spacing: 0; +} +.note-to-mp fieldset, +.note-to-mp img { + border: 0; +} +.note-to-mp blockquote { + position: relative; + color: #999; + font-weight: 400; + border-left: 1px solid #1abc9c; + padding-left: 1em; + margin: 1em 3em 1em 2em; +} +.note-to-mp acronym, +.note-to-mp abbr { + border-bottom: 1px dotted; + font-variant: normal; + text-decoration: none; +} +.note-to-mp abbr { + cursor: help; +} +.note-to-mp del { + text-decoration: line-through; +} +.note-to-mp address, +.note-to-mp caption, +.note-to-mp cite, +.note-to-mp code, +.note-to-mp dfn, +.note-to-mp em, +.note-to-mp th, +.note-to-mp var { + font-style: normal; + font-weight: 400; +} +.note-to-mp ul, +.note-to-mp ol { + list-style: none; +} +.note-to-mp caption, +.note-to-mp th { + text-align: left; +} +.note-to-mp sub, +.note-to-mp sup { + font-size: 75%; + line-height: 0; + position: relative; +} +.note-to-mp :root sub, +.note-to-mp :root sup { + vertical-align: baseline; + /* for ie9 and other modern browsers */ +} +.note-to-mp sup { + top: -0.5em; +} +.note-to-mp sub { + bottom: -0.25em; +} +.note-to-mp a { + color: #1abc9c; +} +.note-to-mp a:hover { + text-decoration: underline; +} +.note-to-mp a { + border-bottom: 1px solid #1abc9c; +} +.note-to-mp a:hover { + border-bottom-color: #555; + color: #555; + text-decoration: none; +} +.note-to-mp ins, +.note-to-mp a { + text-decoration: none; +} +.note-to-mp u, +.note-to-mp .typo-u { + text-decoration: underline; +} +.note-to-mp mark { + background: #fffdd1; + border-bottom: 1px solid #ffedce; + padding: 2px; + /* margin: 0 5px; */ +} +.note-to-mp hr { + border: none; + border-bottom: 1px solid #cfcfcf; + margin-bottom: 0.8em; + height: 10px; +} +.note-to-mp small, +.note-to-mp .typo-small, +.note-to-mp figcaption { + font-size: 0.9em; + color: #888; +} +.note-to-mp strong, +.note-to-mp b { + font-weight: bold; + color: #000; +} +.note-to-mp [draggable] { + cursor: move; +} +.note-to-mp .clearfix { + zoom: 1; +} +.note-to-mp .textwrap, +.note-to-mp .textwrap td, +.note-to-mp .textwrap th { + word-wrap: break-word; + word-break: break-all; +} +.note-to-mp .textwrap-table { + table-layout: fixed; +} +.note-to-mp .serif { + font-family: Palatino, Optima, Georgia, serif; +} +.note-to-mp p, +.note-to-mp pre, +.note-to-mp ul, +.note-to-mp ol, +.note-to-mp dl, +.note-to-mp form, +.note-to-mp hr, +.note-to-mp table, +.note-to-mp .typo-p, +.note-to-mp .typo-pre, +.note-to-mp .typo-ul, +.note-to-mp .typo-ol, +.note-to-mp .typo-dl, +.note-to-mp .typo-form, +.note-to-mp .typo-hr, +.note-to-mp .typo-table, +.note-to-mp blockquote { + margin-bottom: 1.2em; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; + font-weight: lighter; + color: #000; + line-height: 1.35; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6, +.note-to-mp .typo-h1, +.note-to-mp .typo-h2, +.note-to-mp .typo-h3, +.note-to-mp .typo-h4, +.note-to-mp .typo-h5, +.note-to-mp .typo-h6 { + margin-top: 1.2em; + margin-bottom: 0.6em; + line-height: 1.35; +} +.note-to-mp h1, +.note-to-mp .typo-h1 { + font-size: 2em; +} +.note-to-mp h2, +.note-to-mp .typo-h2 { + font-size: 1.8em; +} +.note-to-mp h3, +.note-to-mp .typo-h3 { + font-size: 1.6em; +} +.note-to-mp h4, +.note-to-mp .typo-h4 { + font-size: 1.4em; +} +.note-to-mp h5, +.note-to-mp h6, +.note-to-mp .typo-h5, +.note-to-mp .typo-h6 { + font-size: 1.2em; +} +.note-to-mp ul, +.note-to-mp .typo-ul { + margin-left: 1.3em; + list-style: disc; +} +.note-to-mp ol, +.note-to-mp .typo-ol { + list-style: decimal; + margin-left: 1.9em; +} +.note-to-mp li ul, +.note-to-mp li ol, +.note-to-mp .typo-ul ul, +.note-to-mp .typo-ul ol, +.note-to-mp .typo-ol ul, +.note-to-mp .typo-ol ol { + margin-bottom: 0.8em; + margin-left: 2em; +} +.note-to-mp li ul, +.note-to-mp .typo-ul ul, +.note-to-mp .typo-ol ul { + list-style: circle; +} +.note-to-mp table th, +.note-to-mp table td, +.note-to-mp .typo-table th, +.note-to-mp .typo-table td, +.note-to-mp table caption { + border: 1px solid #ddd; + padding: 0.5em 1em; + color: #666; +} +.note-to-mp table th, +.note-to-mp .typo-table th { + background: #fbfbfb; +} +.note-to-mp table thead th, +.note-to-mp .typo-table thead th { + background: #f1f1f1; +} +.note-to-mp table caption { + border-bottom: none; +} +.note-to-mp .typo-em, +.note-to-mp em, +.note-to-mp legend, +.note-to-mp caption { + color: #000; + font-weight: inherit; +} +.note-to-mp img { + max-width: 100%; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp pre, +.note-to-mp code, +.note-to-mp pre tt { + font-family: Courier, "Courier New", monospace; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #ddd; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-v-green.css b/assets/themes/mweb-v-green.css new file mode 100644 index 0000000..1bcef73 --- /dev/null +++ b/assets/themes/mweb-v-green.css @@ -0,0 +1,242 @@ +.note-to-mp { + word-break: break-word; + line-height: 1.75; + font-weight: 400; + font-size: 15px; + overflow-x: hidden; + color: #333; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + line-height: 1.5; + margin-top: 35px; + margin-bottom: 10px; + padding-bottom: 5px; +} +.note-to-mp h1:first-child, +.note-to-mp h2:first-child, +.note-to-mp h3:first-child, +.note-to-mp h4:first-child, +.note-to-mp h5:first-child, +.note-to-mp h6:first-child { + margin-top: 0; + margin-bottom: 1rem; +} +.note-to-mp h1::before, +.note-to-mp h2::before, +.note-to-mp h3::before, +.note-to-mp h4::before, +.note-to-mp h5::before, +.note-to-mp h6::before { + content: "#"; + display: inline-block; + color: #3eaf7c; + padding-right: 0.23em; +} +.note-to-mp h1 { + position: relative; + font-size: 2.5rem; + margin-bottom: 5px; +} +.note-to-mp h1::before { + font-size: 2.5rem; +} +.note-to-mp h2 { + padding-bottom: 0.5rem; + font-size: 2.2rem; + border-bottom: 1px solid #ececec; +} +.note-to-mp h3 { + font-size: 1.5rem; + padding-bottom: 0; +} +.note-to-mp h4 { + font-size: 1.25rem; +} +.note-to-mp h5 { + font-size: 1rem; +} +.note-to-mp h6 { + margin-top: 5px; +} +.note-to-mp p { + line-height: inherit; + margin-top: 22px; + margin-bottom: 22px; +} +.note-to-mp strong { + color: #3eaf7c; +} +.note-to-mp img { + max-width: 100%; + border-radius: 2px; + display: block; + margin: auto; + border: 3px solid rgba(62, 175, 124, 0.2); +} +.note-to-mp hr { + border-top: 1px solid #3eaf7c; + border-bottom: none; + border-left: none; + border-right: none; + margin-top: 32px; + margin-bottom: 32px; +} +.note-to-mp a { + font-weight: 500; + text-decoration: none; + color: #3eaf7c; +} +.note-to-mp table { + display: inline-block !important; + font-size: 12px; + width: auto; + max-width: 100%; + overflow: auto; + border: solid 1px #3eaf7c; +} +.note-to-mp thead { + background: #3eaf7c; + color: #fff; + text-align: left; +} +.note-to-mp tr:nth-child(2n) { + background-color: rgba(62, 175, 124, 0.2); +} +.note-to-mp th, +.note-to-mp td { + padding: 12px 7px; + line-height: 24px; +} +.note-to-mp td { + min-width: 120px; +} +.note-to-mp blockquote { + color: #666; + padding: 1px 23px; + margin: 22px 0; + border-left: 0.5rem solid rgba(62, 175, 124, 0.6); + border-color: #42b983; + background-color: #f8f8f8; +} +.note-to-mp blockquote > p { + margin: 10px 0; +} +.note-to-mp details { + border: none; + outline: none; + border-left: 4px solid #3eaf7c; + padding-left: 10px; + margin-left: 4px; +} +.note-to-mp details summary { + cursor: pointer; + border: none; + outline: none; + background: white; + margin: 0px -17px; +} +.note-to-mp details summary::-webkit-details-marker { + color: #3eaf7c; +} +.note-to-mp ol, +.note-to-mp ul { + padding-left: 28px; +} +.note-to-mp ol li, +.note-to-mp ul li { + margin-bottom: 0; + list-style: inherit; +} +.note-to-mp ol li .task-list-item, +.note-to-mp ul li .task-list-item { + list-style: none; +} +.note-to-mp ol li .task-list-item ul, +.note-to-mp ul li .task-list-item ul, +.note-to-mp ol li .task-list-item ol, +.note-to-mp ul li .task-list-item ol { + margin-top: 0; +} +.note-to-mp ol ul, +.note-to-mp ul ul, +.note-to-mp ol ol, +.note-to-mp ul ol { + margin-top: 3px; +} +.note-to-mp ol li { + padding-left: 6px; +} +.note-to-mp ol li::marker { + color: #3eaf7c; +} +.note-to-mp ul li::marker { + color: #3eaf7c; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + word-break: break-word; + padding: 0.2rem 0.5rem; + margin: 0; + color: #3eaf7c; + font-size: 0.85em; + background-color: rgba(27, 31, 35, 0.05); + border-radius: 3px; +} +.note-to-mp .code-section { + border-radius: 6px; +} +.note-to-mp .code-section pre code { + border: none; + background-color: transparent; + font-size: inherit; + line-height: inherit; + padding: 0 !important; + margin: 0 !important; + text-wrap: nowrap; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #3eaf7c; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/mweb-vue.css b/assets/themes/mweb-vue.css new file mode 100644 index 0000000..6b654dd --- /dev/null +++ b/assets/themes/mweb-vue.css @@ -0,0 +1,240 @@ +.note-to-mp { + font-size: 16px; + color: #34495e; + line-height: 1.6rem; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; + /* MWeb：代码块高亮 */ +} +.note-to-mp img { + max-width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.note-to-mp a { + color: #42b983; + font-weight: 600; + padding: 0 2px; + text-decoration: none; +} +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} +.note-to-mp h1 tt, +.note-to-mp h1 code { + font-size: inherit !important; +} +.note-to-mp h2 tt, +.note-to-mp h2 code { + font-size: inherit !important; +} +.note-to-mp h3 tt, +.note-to-mp h3 code { + font-size: inherit !important; +} +.note-to-mp h4 tt, +.note-to-mp h4 code { + font-size: inherit !important; +} +.note-to-mp h5 tt, +.note-to-mp h5 code { + font-size: inherit !important; +} +.note-to-mp h6 tt, +.note-to-mp h6 code { + font-size: inherit !important; +} +.note-to-mp h2 a, +.note-to-mp h3 a { + color: #34495e; +} +.note-to-mp h1 { + padding-bottom: 0.4rem; + font-size: 2.2rem; + line-height: 1.3; +} +.note-to-mp h2 { + font-size: 1.75rem; + line-height: 1.225; + margin: 35px 0 15px; + padding-bottom: 0.5em; + border-bottom: 1px solid #ddd; +} +.note-to-mp h3 { + font-size: 1.4rem; + line-height: 1.43; + margin: 20px 0 7px; +} +.note-to-mp h4 { + font-size: 1.2rem; +} +.note-to-mp h5 { + font-size: 1rem; +} +.note-to-mp h6 { + font-size: 1rem; + color: #777; +} +.note-to-mp p, +.note-to-mp blockquote, +.note-to-mp ul, +.note-to-mp ol, +.note-to-mp dl, +.note-to-mp table { + margin: 0.8em 0; +} +.note-to-mp li > ol, +.note-to-mp li > ul { + margin: 0 0; +} +.note-to-mp hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} +.note-to-mp h1 p, +.note-to-mp h2 p, +.note-to-mp h3 p, +.note-to-mp h4 p, +.note-to-mp h5 p, +.note-to-mp h6 p { + margin-top: 0; +} +.note-to-mp li p.first { + display: inline-block; +} +.note-to-mp ul, +.note-to-mp ol { + padding-left: 30px; +} +.note-to-mp ul:first-child, +.note-to-mp ol:first-child { + margin-top: 0; +} +.note-to-mp ul:last-child, +.note-to-mp ol:last-child { + margin-bottom: 0; +} +.note-to-mp blockquote { + border-left: 4px solid #42b983; + padding: 10px 15px; + color: #777; + background-color: rgba(66, 185, 131, 0.1); +} +.note-to-mp table { + padding: 0; + word-break: initial; + border-collapse: collapse; +} +.note-to-mp table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +.note-to-mp table tr:nth-child(2n), +.note-to-mp thead { + background-color: #fafafa; +} +.note-to-mp table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} +.note-to-mp table tr td { + border: 1px solid #dfe2e5; + text-align: left; + margin: 0; + padding: 6px 13px; +} +.note-to-mp table tr th:first-child, +.note-to-mp table tr td:first-child { + margin-top: 0; +} +.note-to-mp table tr th:last-child, +.note-to-mp table tr td:last-child { + margin-bottom: 0; +} +.note-to-mp .footnotes hr { + margin-top: 4em; + margin-bottom: 0.5em; +} +.note-to-mp code, +.note-to-mp tt { + border-radius: 2px; + font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; + font-size: 0.92rem; + color: #e96900; + background-color: #f8f8f8; +} +.note-to-mp code { + margin: 0 2px; + padding: 2px 4px; +} +.note-to-mp .code-section { + border-radius: 2px; +} +.note-to-mp .code-section pre code { + border: none; + background-color: transparent; + font-size: inherit; + line-height: inherit; + padding: 0; + margin: 0; + text-wrap: nowrap; + color: inherit; +} + +/* 代码块 */ +.note-to-mp .code-section { + display: flex; + border: solid 1px #e96900; + margin: 1.5em 0; + line-height: 26px; + padding: 0.5em; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section pre { + margin: 0; + margin-block-start: 0; + margin-block-end: 0; + white-space: normal; + overflow-x: auto; + padding: 0 0 0 1em; +} +.note-to-mp .code-section code { + display: flex; + text-wrap: nowrap; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.note-to-mp .code-section ul { + margin: 0; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + width: fit-content; + flex-shrink: 0; + height: 100%; + line-height: 26px; + list-style-type: none; +} +.note-to-mp .code-section ul > li { + text-align: right; +} \ No newline at end of file diff --git a/assets/themes/wx-mp-pro.css b/assets/themes/wx-mp-pro.css new file mode 100644 index 0000000..c5397cd --- /dev/null +++ b/assets/themes/wx-mp-pro.css @@ -0,0 +1,374 @@ +/* wx-mp-pro.css + * 专业微信公众号排版样式 + * 参考：https://mp.weixin.qq.com/s/lFy98TGBSdsdSbymWZDRVg + * 目标： + * - 提供专业的技术类文章排版 + * - 适合程序员教程、开发文档等内容 + * - 精心调整的标题层级、代码块、表格和引用样式 + * - 确保在微信公众号环境下不丢失关键样式 + * 使用方式： + * - 在导出设置中选择 wx-mp-pro 主题 + */ + +.note-to-mp { + font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; + font-size: 16px; + line-height: 1.75; + color: #2f2f2f; + background: #ffffff; + margin: 0; + padding: 0; +} + +/* 段落 */ +.note-to-mp p { + margin: 1.2em 0; + letter-spacing: 0.05px; +} + +/* 标题：更专业清晰的层级感 */ +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5, +.note-to-mp h6 { + margin: 2.2em 0 1em; + line-height: 1.4; + color: #111111; + font-weight: 600; + border-radius: 8px; + letter-spacing: 2px; +} + +.note-to-mp h1, +.note-to-mp h2, +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5 { +} + +/* H1：卡片式 */ +.note-to-mp h1 { + font-size: 1.8em; + margin: 1.5em 0; + color: #1565F6; + background: #fff; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); + padding: 20px 20px 20px 25px; +} + +/* H2：左条卡片 */ +.note-to-mp h2 { + font-size: 1.5rem; + margin: 2em 0 1.2em; + padding: 0.6em 1em; + background: #f5f7fa; + border-left: 6px solid #2563eb; + color: #111; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +/* H3-H5：渐进缩小 */ +.note-to-mp h3, +.note-to-mp h4, +.note-to-mp h5 { + background: #f7f9fb; + color: #244b74; + padding: 0.7em 1.2em 0.7em 1.35em; +} + +.note-to-mp h3 { font-size: 1.25em; } +.note-to-mp h4 { font-size: 1.1em; } +.note-to-mp h5 { font-size: 1em; } + +/* 列表 */ +.note-to-mp ul, +.note-to-mp ol { + margin: 1.2em 0 1.2em 1.4em; + padding: 0; +} + +.note-to-mp li { + margin: 0.4em 0; + line-height: 1.6; +} + +.note-to-mp li p { + margin: 0.5em 0; +} + +/* 链接 */ +.note-to-mp a { + color: #576b95; + text-decoration: none; + border-bottom: 1px solid rgba(87,107,149,0.3); + padding-bottom: 1px; +} + +/* 引用：清晰专业的样式 */ +.note-to-mp blockquote { + background: #f7f7f7; + border-left: 4px solid #07c160; + margin: 1.5em 0; + padding: 1em 1em; + color: #444; + font-size: 0.95em; +} + +.note-to-mp blockquote p { + margin: 0.6em 0; +} + +.note-to-mp blockquote p:first-child { + margin-top: 0; +} + +.note-to-mp blockquote p:last-child { + margin-bottom: 0; +} + +/* 代码块：清晰易读 */ +.note-to-mp pre { + background: #f6f8fa !important; + border-radius: 5px; + overflow-x: auto; + border: 1px solid #e8e8e8 !important; +} + +.note-to-mp pre code { + display: block; + background: transparent !important; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 0.87em; + line-height: 1.6; + color: #333; + border: none !important; +} + +/* 行内代码 */ +.note-to-mp code:not(pre code) { + background: #f6f8fa; + padding: 2px 4px; + border-radius: 3px; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 0.87em; + color: #d14; + border: 1px solid #eee; +} + +/* 表格整体：连贯圆角边框 */ +.note-to-mp table { + width: 100%; + border-collapse: collapse; /* 合并边框，避免断开 */ + margin: 1.8em 0; + font-size: 0.9em; + border: 1px solid #e0e0e0; /* 整体外框 */ + border-radius: 12px; /* 圆角 */ + overflow: hidden; /* 确保圆角生效 */ +} + +/* 单元格 */ +.note-to-mp th, +.note-to-mp td { + border: 1px solid #e0e0e0; /* 内部网格线 */ + padding: 8px 10px; + text-align: left; + line-height: 1.5; +} + +/* 表头 */ +.note-to-mp thead th { + background: #e8f5e9; + font-weight: 600; + color: #333; +} + +/* 隔行条纹 */ +.note-to-mp tbody tr:nth-child(even) { + background: #fafafa; +} + +/* 表格整体 */ +.note-to-mp table { + width: 100%; + border-collapse: collapse; + margin: 1.8em 0; + font-size: 0.9em; + border: 1px solid #e0e0e0; + border-radius: 12px; + overflow: hidden; +} + +/* 单元格 */ +.note-to-mp th, +.note-to-mp td { + border: 1px solid #e0e0e0; + padding: 8px 10px; + text-align: left; + line-height: 1.5; + transition: background 0.2s ease; /* 平滑过渡 */ +} + +/* 表头 */ +.note-to-mp thead th { + background: #e8f5e9; + font-weight: 600; + color: #333; +} + +/* 隔行条纹 */ +.note-to-mp tbody tr:nth-child(even) { + background: #fafafa; +} + +/* hover 效果 */ +.note-to-mp tbody tr:hover { + background: #f1f8ff; /* 微蓝色高亮 */ +} + +/* 图片与图注 */ +.note-to-mp img { + max-width: 100%; + display: block; + margin: 1.5em auto; + border-radius: 4px; +} + +.note-to-mp figcaption { + text-align: center; + font-size: 0.8em; + color: #888; + margin-top: -0.2em; + margin-bottom: 1.5em; +} + +/* 分隔线 */ +.note-to-mp hr { + border: 0; + height: 1px; + background: #e3e3e3; + margin: 2.5em 0; +} + +/* 彩色标注块（预处理产生的 ||r/g/b/y ） */ +.note-to-mp p[data-color-block] { + border-radius: 5px; + padding: 0.8em 1em; + margin: 1.5em 0; + font-size: 0.93em; + line-height: 1.6; +} + +.note-to-mp p[data-color-block="r"] { + background: #ffebee; + border-left: 4px solid #ef5350; +} + +.note-to-mp p[data-color-block="g"] { + background: #e8f5e9; + border-left: 4px solid #4caf50; +} + +.note-to-mp p[data-color-block="b"] { + background: #e3f2fd; + border-left: 4px solid #2196f3; +} + +.note-to-mp p[data-color-block="y"] { + background: #fff8e1; + border-left: 4px solid #ffca28; +} + +/* 专业标注提示 */ +.note-to-mp p[data-note-type="tip"], +.note-to-mp p[data-note-type="info"], +.note-to-mp p[data-note-type="warning"], +.note-to-mp p[data-note-type="danger"] { + border-radius: 5px; + padding: 0.8em 1em; + margin: 1.5em 0; + font-size: 0.93em; +} + +.note-to-mp p[data-note-type="tip"] { + background: #e8f5e9; + border-left: 4px solid #4caf50; +} + +.note-to-mp p[data-note-type="info"] { + background: #e3f2fd; + border-left: 4px solid #2196f3; +} + +.note-to-mp p[data-note-type="warning"] { + background: #fff8e1; + border-left: 4px solid #ffca28; +} + +.note-to-mp p[data-note-type="danger"] { + background: #ffebee; + border-left: 4px solid #ef5350; +} + +/* 特殊标注：重要/注意/提示 */ +.note-to-mp p:has(strong:first-child:contains("💡")) { + background: #e8f5e9; + border-left: 4px solid #4caf50; + border-radius: 5px; + padding: 0.8em 1em; + margin: 1.5em 0; +} + +.note-to-mp p:has(strong:first-child:contains("⚠️")) { + background: #fff8e1; + border-left: 4px solid #ffca28; + border-radius: 5px; + padding: 0.8em 1em; + margin: 1.5em 0; +} + +.note-to-mp p:has(strong:first-child:contains("✅")) { + background: #e3f2fd; + border-left: 4px solid #2196f3; + border-radius: 5px; + padding: 0.8em 1em; + margin: 1.5em 0; +} + +/* 首段紧贴标题 */ +.note-to-mp h1 + p, +.note-to-mp h2 + p, +.note-to-mp h3 + p { + margin-top: 0.7em; +} + +/* 专业编程文章必备：行号提示标记 */ +.note-to-mp .line-numbers { + font-size: 0.8em; + color: #999; + margin-right: 0.5em; + user-select: none; +} + +/* 确保兼容微信的富文本环境 */ +.note-to-mp pre code * { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important; +} + +/* 适配微信公众号的粗体强调 */ +.note-to-mp strong { + font-weight: 600; + color: #1322c5; +} + +/* 行内高亮 */ +.note-to-mp mark { + background: #fff8dc; + padding: 0 2px; +} + +/* 确保代码块内部的空格不会被压缩 */ +.note-to-mp pre code { + white-space: pre !important; +}