From f311e294dc2d2c235dc73cd66a9a44c25c30c9cd Mon Sep 17 00:00:00 2001 From: Deimos Date: Thu, 24 Sep 2020 17:44:23 -0600 Subject: [PATCH] Move syntax-highlighting CSS into a module No need for this to be a mixin any more now that it only exists once and isn't being called for each theme separately. --- tildes/scss/modules/_syntax-highlighting.scss | 211 ++++++++++++++++++ tildes/scss/styles.scss | 1 + tildes/scss/themes/_theme_base.scss | 2 - tildes/scss/themes/_theme_mixins.scss | 211 ------------------ 4 files changed, 212 insertions(+), 213 deletions(-) create mode 100644 tildes/scss/modules/_syntax-highlighting.scss diff --git a/tildes/scss/modules/_syntax-highlighting.scss b/tildes/scss/modules/_syntax-highlighting.scss new file mode 100644 index 0000000..47eb4c2 --- /dev/null +++ b/tildes/scss/modules/_syntax-highlighting.scss @@ -0,0 +1,211 @@ +// Copyright (c) 2020 Tildes contributors +// SPDX-License-Identifier: AGPL-3.0-or-later + +.highlight { + .syntax-c { + color: var(--syntax-comment-color); + } // Comment + .syntax-err { + color: var(--foreground-color); + } // Error + .syntax-g { + color: var(--foreground-color); + } // Generic + .syntax-k { + color: var(--syntax-keyword-color); + } // Keyword + .syntax-l { + color: var(--foreground-color); + } // Literal + .syntax-n { + color: var(--foreground-color); + } // Name + .syntax-o { + color: var(--syntax-comment-color); + } // Operator + .syntax-x { + color: var(--syntax-constant-color); + } // Other + .syntax-p { + color: var(--foreground-color); + } // Punctuation + .syntax-cm { + color: var(--syntax-comment-color); + } // Comment.Multiline + .syntax-cp { + color: var(--syntax-comment-color); + } // Comment.Preproc + .syntax-c1 { + color: var(--syntax-comment-color); + } // Comment.Single + .syntax-cs { + color: var(--syntax-comment-color); + } // Comment.Special + .syntax-gd { + color: var(--syntax-comment-color); + } // Generic.Deleted + .syntax-ge { + color: var(--foreground-color); + font-style: italic; + } // Generic.Emph + .syntax-gr { + color: var(--syntax-constant-color); + } // Generic.Error + .syntax-gh { + color: var(--syntax-constant-color); + } // Generic.Heading + .syntax-gi { + color: var(--syntax-comment-color); + } // Generic.Inserted + .syntax-go { + color: var(--foreground-color); + } // Generic.Output + .syntax-gp { + color: var(--foreground-color); + } // Generic.Prompt + .syntax-gs { + color: var(--foreground-color); + font-weight: bold; + } // Generic.Strong + .syntax-gu { + color: var(--syntax-constant-color); + } // Generic.Subheading + .syntax-gt { + color: var(--foreground-color); + } // Generic.Traceback + .syntax-kc { + color: var(--syntax-constant-color); + } // Keyword.Constant + .syntax-kd { + color: var(--syntax-keyword-color); + } // Keyword.Declaration + .syntax-kn { + color: var(--syntax-comment-color); + } // Keyword.Namespace + .syntax-kp { + color: var(--syntax-comment-color); + } // Keyword.Pseudo + .syntax-kr { + color: var(--syntax-keyword-color); + } // Keyword.Reserved + .syntax-kt { + color: var(--syntax-keyword-color); + } // Keyword.Type + .syntax-ld { + color: var(--foreground-color); + } // Literal.Date + .syntax-m { + color: var(--syntax-comment-color); + } // Literal.Number + .syntax-s { + color: var(--syntax-comment-color); + } // Literal.String + .syntax-na { + color: var(--foreground-color); + } // Name.Attribute + .syntax-nb { + color: var(--syntax-builtin-color); + } // Name.Builtin + .syntax-nc { + color: var(--syntax-keyword-color); + } // Name.Class + .syntax-no { + color: var(--syntax-constant-color); + } // Name.Constant + .syntax-nd { + color: var(--syntax-keyword-color); + } // Name.Decorator + .syntax-ni { + color: var(--syntax-builtin-color); + } // Name.Entity + .syntax-ne { + color: var(--syntax-builtin-color); + } // Name.Exception + .syntax-nf { + color: var(--syntax-builtin-color); + } // Name.Function + .syntax-nl { + color: var(--foreground-color); + } // Name.Label + .syntax-nn { + color: var(--foreground-color); + } // Name.Namespace + .syntax-nx { + color: var(--foreground-color); + } // Name.Other + .syntax-py { + color: var(--foreground-color); + } // Name.Property + .syntax-nt { + color: var(--syntax-keyword-color); + } // Name.Tag + .syntax-nv { + color: var(--syntax-keyword-color); + } // Name.Variable + .syntax-ow { + color: var(--syntax-comment-color); + } // Operator.Word + .syntax-w { + color: var(--foreground-color); + } // Text.Whitespace + .syntax-mf { + color: var(--syntax-literal-color); + } // Literal.Number.Float + .syntax-mh { + color: var(--syntax-literal-color); + } // Literal.Number.Hex + .syntax-mi { + color: var(--syntax-literal-color); + } // Literal.Number.Integer + .syntax-mo { + color: var(--syntax-literal-color); + } // Literal.Number.Oct + .syntax-sb { + color: var(--syntax-string-color); + } // Literal.String.Backtick + .syntax-sc { + color: var(--syntax-string-color); + } // Literal.String.Char + .syntax-sd { + color: var(--syntax-comment-color); + } // Literal.String.Doc + .syntax-s2 { + color: var(--syntax-string-color); + } // Literal.String.Double + .syntax-se { + color: var(--syntax-constant-color); + } // Literal.String.Escape + .syntax-sh { + color: var(--syntax-comment-color); + } // Literal.String.Heredoc + .syntax-si { + color: var(--syntax-string-color); + } // Literal.String.Interpol + .syntax-sx { + color: var(--syntax-string-color); + } // Literal.String.Other + .syntax-sr { + color: var(--syntax-constant-color); + } // Literal.String.Regex + .syntax-s1 { + color: var(--syntax-string-color); + } // Literal.String.Single + .syntax-ss { + color: var(--syntax-string-color); + } // Literal.String.Symbol + .syntax-bp { + color: var(--syntax-keyword-color); + } // Name.Builtin.Pseudo + .syntax-vc { + color: var(--syntax-keyword-color); + } // Name.Variable.Class + .syntax-vg { + color: var(--syntax-keyword-color); + } // Name.Variable.Global + .syntax-vi { + color: var(--syntax-keyword-color); + } // Name.Variable.Instance + .syntax-il { + color: var(--syntax-comment-color); + } // Literal.Number.Integer.Long +} diff --git a/tildes/scss/styles.scss b/tildes/scss/styles.scss index 98217fe..5b59ea2 100644 --- a/tildes/scss/styles.scss +++ b/tildes/scss/styles.scss @@ -35,6 +35,7 @@ @import "modules/site-footer"; @import "modules/site-header"; @import "modules/static-site"; +@import "modules/syntax-highlighting"; @import "modules/tab"; @import "modules/table"; @import "modules/text"; diff --git a/tildes/scss/themes/_theme_base.scss b/tildes/scss/themes/_theme_base.scss index 0a1f6f2..c89f726 100644 --- a/tildes/scss/themes/_theme_base.scss +++ b/tildes/scss/themes/_theme_base.scss @@ -58,8 +58,6 @@ body { } } - @include syntax-highlighting; - blockquote { border-color: var(--foreground-highlight-color); background-color: var(--background-secondary-color); diff --git a/tildes/scss/themes/_theme_mixins.scss b/tildes/scss/themes/_theme_mixins.scss index 517ed6f..edf02b8 100644 --- a/tildes/scss/themes/_theme_mixins.scss +++ b/tildes/scss/themes/_theme_mixins.scss @@ -340,214 +340,3 @@ --foreground-label-malice-color: #{map-get($theme, "comment-label-malice")}; } } - -@mixin syntax-highlighting { - .highlight { - .syntax-c { - color: var(--syntax-comment-color); - } // Comment - .syntax-err { - color: var(--foreground-color); - } // Error - .syntax-g { - color: var(--foreground-color); - } // Generic - .syntax-k { - color: var(--syntax-keyword-color); - } // Keyword - .syntax-l { - color: var(--foreground-color); - } // Literal - .syntax-n { - color: var(--foreground-color); - } // Name - .syntax-o { - color: var(--syntax-comment-color); - } // Operator - .syntax-x { - color: var(--syntax-constant-color); - } // Other - .syntax-p { - color: var(--foreground-color); - } // Punctuation - .syntax-cm { - color: var(--syntax-comment-color); - } // Comment.Multiline - .syntax-cp { - color: var(--syntax-comment-color); - } // Comment.Preproc - .syntax-c1 { - color: var(--syntax-comment-color); - } // Comment.Single - .syntax-cs { - color: var(--syntax-comment-color); - } // Comment.Special - .syntax-gd { - color: var(--syntax-comment-color); - } // Generic.Deleted - .syntax-ge { - color: var(--foreground-color); - font-style: italic; - } // Generic.Emph - .syntax-gr { - color: var(--syntax-constant-color); - } // Generic.Error - .syntax-gh { - color: var(--syntax-constant-color); - } // Generic.Heading - .syntax-gi { - color: var(--syntax-comment-color); - } // Generic.Inserted - .syntax-go { - color: var(--foreground-color); - } // Generic.Output - .syntax-gp { - color: var(--foreground-color); - } // Generic.Prompt - .syntax-gs { - color: var(--foreground-color); - font-weight: bold; - } // Generic.Strong - .syntax-gu { - color: var(--syntax-constant-color); - } // Generic.Subheading - .syntax-gt { - color: var(--foreground-color); - } // Generic.Traceback - .syntax-kc { - color: var(--syntax-constant-color); - } // Keyword.Constant - .syntax-kd { - color: var(--syntax-keyword-color); - } // Keyword.Declaration - .syntax-kn { - color: var(--syntax-comment-color); - } // Keyword.Namespace - .syntax-kp { - color: var(--syntax-comment-color); - } // Keyword.Pseudo - .syntax-kr { - color: var(--syntax-keyword-color); - } // Keyword.Reserved - .syntax-kt { - color: var(--syntax-keyword-color); - } // Keyword.Type - .syntax-ld { - color: var(--foreground-color); - } // Literal.Date - .syntax-m { - color: var(--syntax-comment-color); - } // Literal.Number - .syntax-s { - color: var(--syntax-comment-color); - } // Literal.String - .syntax-na { - color: var(--foreground-color); - } // Name.Attribute - .syntax-nb { - color: var(--syntax-builtin-color); - } // Name.Builtin - .syntax-nc { - color: var(--syntax-keyword-color); - } // Name.Class - .syntax-no { - color: var(--syntax-constant-color); - } // Name.Constant - .syntax-nd { - color: var(--syntax-keyword-color); - } // Name.Decorator - .syntax-ni { - color: var(--syntax-builtin-color); - } // Name.Entity - .syntax-ne { - color: var(--syntax-builtin-color); - } // Name.Exception - .syntax-nf { - color: var(--syntax-builtin-color); - } // Name.Function - .syntax-nl { - color: var(--foreground-color); - } // Name.Label - .syntax-nn { - color: var(--foreground-color); - } // Name.Namespace - .syntax-nx { - color: var(--foreground-color); - } // Name.Other - .syntax-py { - color: var(--foreground-color); - } // Name.Property - .syntax-nt { - color: var(--syntax-keyword-color); - } // Name.Tag - .syntax-nv { - color: var(--syntax-keyword-color); - } // Name.Variable - .syntax-ow { - color: var(--syntax-comment-color); - } // Operator.Word - .syntax-w { - color: var(--foreground-color); - } // Text.Whitespace - .syntax-mf { - color: var(--syntax-literal-color); - } // Literal.Number.Float - .syntax-mh { - color: var(--syntax-literal-color); - } // Literal.Number.Hex - .syntax-mi { - color: var(--syntax-literal-color); - } // Literal.Number.Integer - .syntax-mo { - color: var(--syntax-literal-color); - } // Literal.Number.Oct - .syntax-sb { - color: var(--syntax-string-color); - } // Literal.String.Backtick - .syntax-sc { - color: var(--syntax-string-color); - } // Literal.String.Char - .syntax-sd { - color: var(--syntax-comment-color); - } // Literal.String.Doc - .syntax-s2 { - color: var(--syntax-string-color); - } // Literal.String.Double - .syntax-se { - color: var(--syntax-constant-color); - } // Literal.String.Escape - .syntax-sh { - color: var(--syntax-comment-color); - } // Literal.String.Heredoc - .syntax-si { - color: var(--syntax-string-color); - } // Literal.String.Interpol - .syntax-sx { - color: var(--syntax-string-color); - } // Literal.String.Other - .syntax-sr { - color: var(--syntax-constant-color); - } // Literal.String.Regex - .syntax-s1 { - color: var(--syntax-string-color); - } // Literal.String.Single - .syntax-ss { - color: var(--syntax-string-color); - } // Literal.String.Symbol - .syntax-bp { - color: var(--syntax-keyword-color); - } // Name.Builtin.Pseudo - .syntax-vc { - color: var(--syntax-keyword-color); - } // Name.Variable.Class - .syntax-vg { - color: var(--syntax-keyword-color); - } // Name.Variable.Global - .syntax-vi { - color: var(--syntax-keyword-color); - } // Name.Variable.Instance - .syntax-il { - color: var(--syntax-comment-color); - } // Literal.Number.Integer.Long - } -}