commit 40c3d31d00cf5e0424c1ae275c440b3108e762d3 Author: milky Date: Mon Jul 18 18:14:29 2022 -0700 🍴 Initial fork Signed-off-by: milky diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..426f90d --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,2 @@ +# v1.0.0 +Inital release; wiped original changelog. \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..fe88f05 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 LuckFire + +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. diff --git a/README.md b/README.md new file mode 100644 index 0000000..b8f6893 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# pc-hljs + +Gives customization to Discord's default codeblocks. Based on [highlight.js](highlightjs.org/) somehow? \ No newline at end of file diff --git a/index.scss b/index.scss new file mode 100644 index 0000000..bac0c6c --- /dev/null +++ b/index.scss @@ -0,0 +1,2 @@ +@import './styles/atom-one-dark.scss'; +@import "./src/main/hljs"; \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..ba3f040 --- /dev/null +++ b/manifest.json @@ -0,0 +1,9 @@ +{ + "name": "HLJS Styling", + "description": "Gives customization to Discord's default codeblocks.", + "version": "1.0.0", + "author": "LuckFire#4800", + "theme": "index.scss", + "consent": "false", + "license": "MIT" +} diff --git a/powercord_manifest.json b/powercord_manifest.json new file mode 100644 index 0000000..fa4d5c2 --- /dev/null +++ b/powercord_manifest.json @@ -0,0 +1,9 @@ +{ + "name": "HLJS Styling", + "description": "Gives customization to Discord's default codeblocks.", + "version": "1.0.0", + "author": "LuckFire#4800", + "theme": "index.scss", + "consent": "false", + "license": "MIT" +} \ No newline at end of file diff --git a/src/main/_hljs.scss b/src/main/_hljs.scss new file mode 100644 index 0000000..cba342f --- /dev/null +++ b/src/main/_hljs.scss @@ -0,0 +1,129 @@ +#app-mount { + .hljs { + background: var(--background); + color: var(--text-default); + border-radius: 0; + border: none; + } + + .codeLine-14BKbG { + color: var(--text-default); + } + + // defaults + $hljs: ( + 'comment', + 'attribute', + 'nomarkup', + 'variable', + 'meta', + 'meta-string', + 'meta-keyword', + 'literal', + 'string', + 'section', + 'number', + 'tag', + 'name', + 'selector-tag', + 'selector-class', + 'selector-attr', + 'selector-pseudo', + 'function', + 'keyword', + 'built_in', + 'title', + 'link', + 'bullet', + 'symbol', + 'addition', + 'deletion', + 'attr', + 'punctuation', + 'regexp', + 'type', + 'selector-id', + 'params', + 'operator', + 'rest_arg', + 'template-variable' + ); + +@each $hljsType in $hljs { + .hljs-#{$hljsType} { + color: var(--hljs-#{$hljsType}); + } +} + +// comment +.hljs-comment { + $comments: ('doctag' + ); + + @each $hljsType in $comments { + .hljs-#{$hljsType} { + color: var(--hljs-comment-#{$hljsType}); + } + } +} + +// params +.hljs-params { + $params: ('attr' + ); + + @each $hljsType in $params { + .hljs-#{$hljsType} { + color: var(--hljs-params-#{$hljsType}); + } + } +} + +// string +.hljs-string { + $strings: ('subst', 'template-variable' + ); + + @each $hljsType in $strings { + .hljs-#{$hljsType} { + color: var(--hljs-string-#{$hljsType}); + } + } +} + +// tag +.hljs-tag { + $tags: ('name', 'attr' + ); + + @each $hljsType in $tags { + .hljs-#{$hljsType} { + color: var(--hljs-tag-#{$hljsType}); + } + } +} + +// function +.hljs-function { + $functions: ('keyword', 'title', 'literal', 'params', 'operator' + ); + + @each $hljsType in $functions { + .hljs-#{$hljsType} { + color: var(--hljs-function-#{$hljsType}); + } + } +} + +// class +.hljs-class { + $classes: ('keyword', 'title' + ); + + @each $hljsType in $classes { + .hljs-#{$hljsType} { + color: var(--hljs-class-#{$hljsType}); + } + } +} +} \ No newline at end of file diff --git a/src/support/HLJSStyling.theme.css b/src/support/HLJSStyling.theme.css new file mode 100644 index 0000000..b3c495b --- /dev/null +++ b/src/support/HLJSStyling.theme.css @@ -0,0 +1,83 @@ +/** + * @name HLJS Styling + * @version 1.0.0 + * @description Gives customization to Discord's default codeblocks. + * @author LuckFire#4800 + * + * @website https://github.com/LuckFire + * @source https://github.com/Discord-Theme-Addons/hljs-styling/tree/main/src +**/ + +@import url('https://discord-theme-addons.github.io/hljs-styling/src/support/compiled.css'); + +:root { + /* ---- Default Colors -- */ + --background: var(--background-secondary, #5f7194); + --text-default: #abb2bf; + --color-1: #3fc56b; + --color-2: #d19a66; + --color-3: #61aeee; + --color-4: #56b6c2; + --color-5: #e06c75; + --color-6: #c678dd; + --color-7: #e6c07b; + + /* ---- HLJS Default -- */ + --hljs-attribute: var(--color-1); + --hljs-nomarkup: var(--color-1); + --hljs-variable: var(--color-2); + --hljs-meta: var(--color-3); + --hljs-meta-string: var(--color-1); + --hljs-meta-keyword: var(--hljs-meta); + --hljs-literal: var(--color-4); + --hljs-section: var(--color-5); + --hljs-number: var(--color-2); + --hljs-name: var(--color-5); + --hljs-selector-tag: var(--color-5); + --hljs-selector-class: var(--color-2); + --hljs-selector-attr: var(--color-1); + --hljs-selector-pseudo: var(--color-1); + --hljs-keyword: var(--color-6); + --hljs-built_in: var(--color-2); + --hljs-title: var(--color-3); + --hljs-link: var(--color-3); + --hljs-bullet: var(--color-3); + --hljs-symbol: var(--color-3); + --hljs-addition: var(--color-1); + --hljs-deletion: var(--color-5); + --hljs-attr: var(--color-2); + --hljs-punctuation: var(--text-default); + --hljs-regexp: var(--color-1); + --hljs-type: var(--color-2); + --hljs-selector-id: var(--color-3); + --hljs-operator: var(--text-default); + --hljs-rest_arg: var(--text-default); + --hljs-template-variable: var(--color-2); + + /* ---- HLJS Specific -- */ + /* --> Params */ + --hljs-params: var(--text-default); + --hljs-params-attr: var(--hljs-params); + /* --> Comment */ + --hljs-comment: #5c6370; + --hljs-comment-doctag: var(--hljs-comment); + /* --> String */ + --hljs-string: var(--color-1); + --hljs-string-subst: var(--color-5); + --hljs-string-template-variable: var(--color-2); + /* --> Tag */ + --hljs-tag: var(--text-default); + --hljs-tag-name: var(--color-5); + --hljs-tag-attr: var(--color-2); + /* --> Function */ + --hljs-function: var(--text-default); + --hljs-function-keyword: var(--hljs-keyword); + --hljs-function-title: var(--hljs-title); + --hljs-function-params: var(--hljs-params); + --hljs-function-literal: var(--hljs-literal); + --hljs-function-operator: var(--hljs-operator); + /* --> Class */ + --hljs-class: var(--text-default); + --hljs-class-keyword: var(--color-6); + --hljs-class-title: var(--color-7); +} \ No newline at end of file diff --git a/src/support/HLJSStyling.user.css b/src/support/HLJSStyling.user.css new file mode 100644 index 0000000..626ac01 --- /dev/null +++ b/src/support/HLJSStyling.user.css @@ -0,0 +1,83 @@ +@-moz-document domain("discord.com") { + /* ==UserStyle== + @name HLJS Styling + @description Gives customization to Discord's default codeblocks. + @author LuckFire#400 + @namespace https://github.com/Discord-Theme-Addons/hljs-styling + @version 1.0.0 + ==/UserStyle== */ + + @import url('https://discord-theme-addons.github.io/hljs-styling/src/support/compiled.css'); + + :root { + /* ---- Default Colors -- */ + --background: var(--background-secondary, #282C34); + --text-default: #abb2bf; + --color-1: #3fc56b; + --color-2: #d19a66; + --color-3: #61aeee; + --color-4: #56b6c2; + --color-5: #e06c75; + --color-6: #c678dd; + --color-7: #e6c07b; + + /* ---- HLJS Default -- */ + --hljs-attribute: var(--color-1); + --hljs-nomarkup: var(--color-1); + --hljs-variable: var(--color-2); + --hljs-meta: var(--color-3); + --hljs-meta-string: var(--color-1); + --hljs-meta-keyword: var(--hljs-meta); + --hljs-literal: var(--color-4); + --hljs-section: var(--color-5); + --hljs-number: var(--color-2); + --hljs-name: var(--color-5); + --hljs-selector-tag: var(--color-5); + --hljs-selector-class: var(--color-2); + --hljs-selector-attr: var(--color-1); + --hljs-selector-pseudo: var(--color-1); + --hljs-keyword: var(--color-6); + --hljs-built_in: var(--color-2); + --hljs-title: var(--color-3); + --hljs-link: var(--color-3); + --hljs-bullet: var(--color-3); + --hljs-symbol: var(--color-3); + --hljs-addition: var(--color-1); + --hljs-deletion: var(--color-5); + --hljs-attr: var(--color-2); + --hljs-punctuation: var(--text-default); + --hljs-regexp: var(--color-1); + --hljs-type: var(--color-2); + --hljs-selector-id: var(--color-3); + --hljs-operator: var(--text-default); + --hljs-rest_arg: var(--text-default); + --hljs-template-variable: var(--color-2); + + /* ---- HLJS Specific -- */ + /* --> Params */ + --hljs-params: var(--text-default); + --hljs-params-attr: var(--hljs-params); + /* --> Comment */ + --hljs-comment: #5c6370; + --hljs-comment-doctag: var(--hljs-comment); + /* --> String */ + --hljs-string: var(--color-1); + --hljs-string-subst: var(--color-5); + --hljs-string-template-variable: var(--color-2); + /* --> Tag */ + --hljs-tag: var(--text-default); + --hljs-tag-name: var(--color-5); + --hljs-tag-attr: var(--color-2); + /* --> Function */ + --hljs-function: var(--text-default); + --hljs-function-keyword: var(--hljs-keyword); + --hljs-function-title: var(--hljs-title); + --hljs-function-params: var(--hljs-params); + --hljs-function-literal: var(--hljs-literal); + --hljs-function-operator: var(--hljs-operator); + /* --> Class */ + --hljs-class: var(--text-default); + --hljs-class-keyword: var(--color-6); + --hljs-class-title: var(--color-7); + } +} \ No newline at end of file diff --git a/src/support/compiled.css b/src/support/compiled.css new file mode 100644 index 0000000..5bd7c4c --- /dev/null +++ b/src/support/compiled.css @@ -0,0 +1,154 @@ +#app-mount .hljs { + background: var(--background); + color: var(--text-default); + padding: 15px 20px; + border-radius: 0; + border: none; +} +#app-mount .codeLine-14BKbG { + color: var(--text-default); +} +#app-mount .hljs-comment { + color: var(--hljs-comment); +} +#app-mount .hljs-attribute { + color: var(--hljs-attribute); +} +#app-mount .hljs-nomarkup { + color: var(--hljs-nomarkup); +} +#app-mount .hljs-variable { + color: var(--hljs-variable); +} +#app-mount .hljs-meta { + color: var(--hljs-meta); +} +#app-mount .hljs-meta-string { + color: var(--hljs-meta-string); +} +#app-mount .hljs-meta-keyword { + color: var(--hljs-meta-keyword); +} +#app-mount .hljs-literal { + color: var(--hljs-literal); +} +#app-mount .hljs-string { + color: var(--hljs-string); +} +#app-mount .hljs-section { + color: var(--hljs-section); +} +#app-mount .hljs-number { + color: var(--hljs-number); +} +#app-mount .hljs-tag { + color: var(--hljs-tag); +} +#app-mount .hljs-name { + color: var(--hljs-name); +} +#app-mount .hljs-selector-tag { + color: var(--hljs-selector-tag); +} +#app-mount .hljs-selector-class { + color: var(--hljs-selector-class); +} +#app-mount .hljs-selector-attr { + color: var(--hljs-selector-attr); +} +#app-mount .hljs-selector-pseudo { + color: var(--hljs-selector-pseudo); +} +#app-mount .hljs-function { + color: var(--hljs-function); +} +#app-mount .hljs-keyword { + color: var(--hljs-keyword); +} +#app-mount .hljs-built_in { + color: var(--hljs-built_in); +} +#app-mount .hljs-title { + color: var(--hljs-title); +} +#app-mount .hljs-link { + color: var(--hljs-link); +} +#app-mount .hljs-bullet { + color: var(--hljs-bullet); +} +#app-mount .hljs-symbol { + color: var(--hljs-symbol); +} +#app-mount .hljs-addition { + color: var(--hljs-addition); +} +#app-mount .hljs-deletion { + color: var(--hljs-deletion); +} +#app-mount .hljs-attr { + color: var(--hljs-attr); +} +#app-mount .hljs-punctuation { + color: var(--hljs-punctuation); +} +#app-mount .hljs-regexp { + color: var(--hljs-regexp); +} +#app-mount .hljs-type { + color: var(--hljs-type); +} +#app-mount .hljs-selector-id { + color: var(--hljs-selector-id); +} +#app-mount .hljs-params { + color: var(--hljs-params); +} +#app-mount .hljs-operator { + color: var(--hljs-operator); +} +#app-mount .hljs-rest_arg { + color: var(--hljs-rest_arg); +} +#app-mount .hljs-template-variable { + color: var(--hljs-template-variable); +} +#app-mount .hljs-comment .hljs-doctag { + color: var(--hljs-comment-doctag); +} +#app-mount .hljs-params .hljs-attr { + color: var(--hljs-params-attr); +} +#app-mount .hljs-string .hljs-subst { + color: var(--hljs-string-subst); +} +#app-mount .hljs-string .hljs-template-variable { + color: var(--hljs-string-template-variable); +} +#app-mount .hljs-tag .hljs-name { + color: var(--hljs-tag-name); +} +#app-mount .hljs-tag .hljs-attr { + color: var(--hljs-tag-attr); +} +#app-mount .hljs-function .hljs-keyword { + color: var(--hljs-function-keyword); +} +#app-mount .hljs-function .hljs-title { + color: var(--hljs-function-title); +} +#app-mount .hljs-function .hljs-literal { + color: var(--hljs-function-literal); +} +#app-mount .hljs-function .hljs-params { + color: var(--hljs-function-params); +} +#app-mount .hljs-function .hljs-operator { + color: var(--hljs-function-operator); +} +#app-mount .hljs-class .hljs-keyword { + color: var(--hljs-class-keyword); +} +#app-mount .hljs-class .hljs-title { + color: var(--hljs-class-title); +} \ No newline at end of file diff --git a/styles/atom-one-dark.scss b/styles/atom-one-dark.scss new file mode 100644 index 0000000..2531eb4 --- /dev/null +++ b/styles/atom-one-dark.scss @@ -0,0 +1,71 @@ +:root { + /* ---- Default Colors -- */ + --background: var(--background-secondary, #282C34); + --text-default: #abb2bf; + --color-1: #3fc56b; + --color-2: #ff9c3e; + --color-3: #0091ff; + --color-4: #29eaff; + --color-5: #e94e4f; + --color-6: #d678ff; + --color-7: #f9c859; + + /* ---- HLJS Default -- */ + --hljs-attribute: var(--color-1); + --hljs-nomarkup: var(--color-1); + --hljs-variable: var(--color-2); + --hljs-meta: var(--color-3); + --hljs-meta-string: var(--color-1); + --hljs-meta-keyword: var(--hljs-meta); + --hljs-literal: var(--color-4); + --hljs-section: var(--color-5); + --hljs-number: var(--color-2); + --hljs-name: var(--color-5); + --hljs-selector-tag: var(--color-5); + --hljs-selector-class: var(--color-2); + --hljs-selector-attr: var(--color-1); + --hljs-selector-pseudo: var(--color-1); + --hljs-keyword: var(--color-6); + --hljs-built_in: var(--color-2); + --hljs-title: var(--color-3); + --hljs-link: var(--color-3); + --hljs-bullet: var(--color-3); + --hljs-symbol: var(--color-3); + --hljs-addition: var(--color-1); + --hljs-deletion: var(--color-5); + --hljs-attr: var(--color-2); + --hljs-punctuation: var(--text-default); + --hljs-regexp: var(--color-1); + --hljs-type: var(--color-2); + --hljs-selector-id: var(--color-3); + --hljs-operator: var(--text-default); + --hljs-rest_arg: var(--text-default); + --hljs-template-variable: var(--color-2); + + /* ---- HLJS Specific -- */ + /* --> Params */ + --hljs-params: var(--text-default); + --hljs-params-attr: var(--hljs-params); + /* --> Comment */ + --hljs-comment: #5c6370; + --hljs-comment-doctag: var(--hljs-comment); + /* --> String */ + --hljs-string: var(--color-1); + --hljs-string-subst: var(--color-5); + --hljs-string-template-variable: var(--color-2); + /* --> Tag */ + --hljs-tag: var(--text-default); + --hljs-tag-name: var(--color-5); + --hljs-tag-attr: var(--color-2); + /* --> Function */ + --hljs-function: var(--text-default); + --hljs-function-keyword: var(--hljs-keyword); + --hljs-function-title: var(--hljs-title); + --hljs-function-params: var(--hljs-params); + --hljs-function-literal: var(--hljs-literal); + --hljs-function-operator: var(--hljs-operator); + /* --> Class */ + --hljs-class: var(--text-default); + --hljs-class-keyword: var(--color-6); + --hljs-class-title: var(--color-7); +} \ No newline at end of file diff --git a/styles/paraiso-dark.scss b/styles/paraiso-dark.scss new file mode 100644 index 0000000..13c5fd5 --- /dev/null +++ b/styles/paraiso-dark.scss @@ -0,0 +1,69 @@ +:root { + /* ---- Default Colors -- */ + --background: var(--background-secondary, #2F1E2E); + --text-default: #a39e9b; + --color-1: #fec418; + --color-2: #ef6155; + --color-3: #f99b15; + --color-4: #48b685; + --color-5: #815ba4; + + /* ---- HLJS Default -- */ + --hljs-attribute: var(--color-1); + --hljs-nomarkup: var(--color-1); + --hljs-variable: var(--color-2); + --hljs-meta: var(--color-2); + --hljs-meta-string: var(--hljs-meta); + --hljs-meta-keyword: var(--hljs-meta); + --hljs-literal: var(--color-3); + --hljs-section: var(--color-1); + --hljs-number: var(--color-3); + --hljs-name: var(--color-2); + --hljs-selector-tag: var(--color-5); + --hljs-selector-class: var(--color-2); + --hljs-selector-attr: var(--text-default); + --hljs-selector-pseudo: var(--text-default); + --hljs-keyword: var(--color-5); + --hljs-built_in: var(--color-3); + --hljs-title: var(--color-1); + --hljs-link: var(--color-2); + --hljs-bullet: var(--color-4); + --hljs-symbol: var(--color-4); + --hljs-addition: var(--color-4); + --hljs-deletion: var(--color-3); + --hljs-attr: var(--text-default); + --hljs-punctuation: var(--text-default); + --hljs-regexp: var(--color-2); + --hljs-type: var(--color-3); + --hljs-selector-id: var(--color-2); + --hljs-operator: var(--text-default); + --hljs-rest_arg: var(--color-3); + --hljs-template-variable: var(--color-1); + + /* ---- HLJS Specific -- */ + /* --> Params */ + --hljs-params: var(--color-3); + --hljs-params-attr: var(--hljs-params); + /* --> Comment */ + --hljs-comment: #8d8687; + --hljs-comment-doctag: var(--hljs-comment); + /* --> String */ + --hljs-string: var(--color-1); + --hljs-string-subst: var(--hljs-string); + --hljs-string-template-variable: var(--color-2); + /* --> Tag */ + --hljs-tag: var(--color-2); + --hljs-tag-name: var(--hljs-tag); + --hljs-tag-attr: var(--color-2); + /* --> Function */ + --hljs-function: var(--text-default); + --hljs-function-keyword: var(--hljs-keyword); + --hljs-function-title: var(--hljs-title); + --hljs-function-params: var(--hljs-params); + --hljs-function-literal: var(--hljs-literal); + --hljs-function-operator: var(--hljs-operator); + /* --> Class */ + --hljs-class: var(--text-default); + --hljs-class-keyword: var(--color-5); + --hljs-class-title: var(--hljs-title); +} \ No newline at end of file