From 64ed8287ff89ede1ff437a149cf5230a79a2b26e Mon Sep 17 00:00:00 2001 From: serginogal Date: Fri, 3 Feb 2023 02:34:06 +0900 Subject: [PATCH] :bug: fix: syntax highlighting --- config.toml | 4 +- sass/main.scss | 1 + sass/syntax/syntax-ayu-dark.scss | 478 +++++++++++++++++++++++++++++++ 3 files changed, 481 insertions(+), 2 deletions(-) create mode 100644 sass/syntax/syntax-ayu-dark.scss diff --git a/config.toml b/config.toml index 8921985..e49f21a 100644 --- a/config.toml +++ b/config.toml @@ -1,5 +1,5 @@ # Necessary stuff. -base_url = "https://welpo.github.io/tabi" +base_url = "/" title = "~/tabi" description = "tabi is a simple personal site and blogging theme for Zola." generate_feed = true @@ -12,7 +12,7 @@ taxonomies = [ [markdown] highlight_code = true -highlight_theme = "ayu-dark" +highlight_theme = "css" [extra] toc = true diff --git a/sass/main.scss b/sass/main.scss index b0f44e3..e7850c5 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -11,6 +11,7 @@ @import 'parts/home-banner.scss'; @import 'parts/footer.scss'; @import 'parts/theme-switch.scss'; +@import 'syntax/syntax-ayu-dark.scss'; :root { --max-layout-width: 1000px; diff --git a/sass/syntax/syntax-ayu-dark.scss b/sass/syntax/syntax-ayu-dark.scss new file mode 100644 index 0000000..09f27dd --- /dev/null +++ b/sass/syntax/syntax-ayu-dark.scss @@ -0,0 +1,478 @@ +.z-code { + color: #bfbab0; + background-color: #191919; +} +.z-comment, +.z-punctuation.z-definition.z-comment { + color: #798491; + font-style: italic; +} +.z-variable { + color: #bfbab0; +} +.z-string, +.z-constant.z-other.z-symbol { + color: #c2d94c; +} +.z-constant.z-numeric { + color: #f29718; +} +.z-string.z-regexp, +.z-constant.z-character.z-escape { + color: #95e6cb; +} +.z-constant.z-language { + color: #f29718; +} +.z-constant.z-character, +.z-constant.z-other { + color: #f29718; +} +.z-variable.z-member { + color: #fe7d83; +} +.z-keyword, +.z-keyword.z-operator.z-word { + color: #ff813c; +} +.z-keyword.z-operator { + color: #f29668; +} +.z-punctuation.z-separator, +.z-punctuation.z-terminator { + color: #bfbab0; +} +.z-punctuation.z-section { + color: #bfbab0; +} +.z-punctuation.z-accessor { + color: #f29668; +} +.z-punctuation.z-definition.z-annotation { + color: #bfbab0; +} +.z-variable.z-other.z-dollar.z-only.z-js, +.z-variable.z-other.z-object.z-dollar.z-only.z-js, +.z-variable.z-type.z-dollar.z-only.z-js, +.z-support.z-class.z-dollar.z-only.z-js { + color: #e6b673; +} +.z-storage { + color: #ff813c; +} +.z-storage.z-type { + color: #ff813c; +} +.z-entity.z-name.z-function { + color: #ffb454; +} +.z-entity.z-name, +.z-entity.z-name.z-tag, +.z-entity.z-name.z-label { + color: #59c2ff; +} +.z-entity.z-other.z-inherited-class { + color: #59c2ff; + text-decoration: underline; +} +.z-variable.z-parameter { + color: #f29718; +} +.z-variable.z-language { + color: #39bae6; + font-style: italic; +} +.z-entity.z-name.z-tag, +.z-meta.z-tag.z-sgml { + color: #39bae6; +} +.z-punctuation.z-definition.z-tag.z-end, +.z-punctuation.z-definition.z-tag.z-begin, +.z-punctuation.z-definition.z-tag { + color: #39bae6; +} +.z-entity.z-other.z-attribute-name { + color: #ffb454; +} +.z-variable.z-function, +.z-variable.z-annotation { + color: #ffb454; +} +.z-support.z-function, +.z-support.z-macro { + color: #fe7d83; +} +.z-support.z-constant { + color: #f29668; + font-style: italic; +} +.z-support.z-type, +.z-support.z-class { + color: #39bae6; + font-style: italic; +} +.z-invalid { + color: #ff7c6d; +} +.z-invalid.z-deprecated { + color: #ffffff; + background-color: #ff813c; +} +.z-meta.z-diff, +.z-meta.z-diff.z-header { + color: #c594c5; +} +.z-source.z-ruby .z-variable.z-other.z-readwrite { + color: #ffb454; +} +.z-source.z-css .z-entity.z-name.z-tag, +.z-source.z-sass .z-entity.z-name.z-tag, +.z-source.z-scss .z-entity.z-name.z-tag, +.z-source.z-less .z-entity.z-name.z-tag, +.z-source.z-stylus .z-entity.z-name.z-tag { + color: #59c2ff; +} +.z-source.z-css .z-support.z-type, +.z-source.z-sass .z-support.z-type, +.z-source.z-scss .z-support.z-type, +.z-source.z-less .z-support.z-type, +.z-source.z-stylus .z-support.z-type { + color: #798491; +} +.z-support.z-type.z-property-name { + color: #39bae6; +} +.z-constant.z-numeric.z-line-number.z-find-in-files { + color: #798491; +} +.z-constant.z-numeric.z-line-number.z-match { + color: #ff813c; +} +.z-entity.z-name.z-filename.z-find-in-files { + color: #c2d94c; +} +.z-message.z-error { + color: #ff7c6d; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-source.z-json + .z-meta.z-structure.z-dictionary.z-json + .z-string.z-quoted.z-double.z-json, +.z-source.z-json + .z-meta.z-structure.z-dictionary.z-json + .z-punctuation.z-definition.z-string { + color: #39bae6; +} +.z-markup.z-heading { + color: #ff813c; + font-weight: bold; +} +.z-string.z-other.z-link, +.z-markup.z-underline.z-link { + color: #95e6cb; + text-decoration: underline; + font-style: italic; +} +.z-punctuation.z-definition.z-image { + color: #ffb454; +} +.z-markup.z-italic { + color: #fe7d83; + font-style: italic; +} +.z-markup.z-bold { + color: #fe7d83; + font-weight: bold; +} +.z-markup.z-italic .z-markup.z-bold, +.z-markup.z-bold .z-markup.z-italic { + font-weight: bold; + font-style: italic; +} +.z-markup.z-raw { + background-color: #bfbab0; +} +.z-markup.z-raw.z-inline { + background-color: #bfbab0; +} +.z-meta.z-separator { + color: #798491; + background-color: #bfbab0; + font-weight: bold; +} +.z-markup.z-quote { + color: #f29718; + font-style: italic; +} +.z-markup.z-list.z-numbered.z-bullet, +.z-markup.z-list .z-punctuation.z-definition.z-list_item { + color: #95e6cb; +} +.z-markup.z-inserted { + color: #c2d94c; +} +.z-markup.z-changed { + color: #39bae6; +} +.z-markup.z-deleted { + color: #fe7d83; +} +.z-markup.z-strike { + color: #e6b673; +} +.z-markup.z-table { + color: #39bae6; + background-color: #bfbab0; +} +.z-text.z-html.z-markdown .z-markup.z-raw.z-inline { + color: #f29668; +} +.z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break { + color: #798491; +} +.z-markup.z-raw.z-block.z-fenced.z-markdown { + color: #bfbab0; + background-color: #bfbab0; +} +.z-punctuation.z-definition.z-fenced.z-markdown, +.z-variable.z-language.z-fenced.z-markdown { + color: #798491; + background-color: #bfbab0; +} +.z-variable.z-language.z-fenced.z-markdown { + color: #798491; +} +.z-markup.z-inserted.z-git_gutter { + color: #c2d94c; +} +.z-markup.z-changed.z-git_gutter { + color: #39bae6; +} +.z-markup.z-deleted.z-git_gutter { + color: #ff7c6d; +} +.z-markup.z-ignored.z-git_gutter { + color: #20272c; +} +.z-markup.z-untracked.z-git_gutter { + color: #20272c; +} +.z-gutter_color { + color: #ffffff; +} +.z-acejump.z-label.z-blue { + color: #ffffff; + background-color: #39bae6; +} +.z-acejump.z-label.z-green { + color: #ffffff; + background-color: #c2d94c; +} +.z-acejump.z-label.z-orange { + color: #ffffff; + background-color: #ff813c; +} +.z-acejump.z-label.z-purple { + color: #ffffff; + background-color: #fe7d83; +} +.z-sublimelinter.z-mark.z-warning { + color: #39bae6; +} +.z-sublimelinter.z-gutter-mark { + color: #ffffff; +} +.z-sublimelinter.z-mark.z-error { + color: #ff7c6d; +}