🍴 Initial fork
Signed-off-by: milky <op@gfy.lol>
This commit is contained in:
commit
40c3d31d00
2
CHANGELOG.md
Normal file
2
CHANGELOG.md
Normal file
@ -0,0 +1,2 @@
|
||||
# v1.0.0
|
||||
Inital release; wiped original changelog.
|
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -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.
|
3
README.md
Normal file
3
README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# pc-hljs
|
||||
|
||||
Gives customization to Discord's default codeblocks. Based on [highlight.js](highlightjs.org/) somehow?
|
2
index.scss
Normal file
2
index.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@import './styles/atom-one-dark.scss';
|
||||
@import "./src/main/hljs";
|
9
manifest.json
Normal file
9
manifest.json
Normal file
@ -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"
|
||||
}
|
9
powercord_manifest.json
Normal file
9
powercord_manifest.json
Normal file
@ -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"
|
||||
}
|
129
src/main/_hljs.scss
Normal file
129
src/main/_hljs.scss
Normal file
@ -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});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
83
src/support/HLJSStyling.theme.css
Normal file
83
src/support/HLJSStyling.theme.css
Normal file
@ -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);
|
||||
}
|
83
src/support/HLJSStyling.user.css
Normal file
83
src/support/HLJSStyling.user.css
Normal file
@ -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);
|
||||
}
|
||||
}
|
154
src/support/compiled.css
Normal file
154
src/support/compiled.css
Normal file
@ -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);
|
||||
}
|
71
styles/atom-one-dark.scss
Normal file
71
styles/atom-one-dark.scss
Normal file
@ -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);
|
||||
}
|
69
styles/paraiso-dark.scss
Normal file
69
styles/paraiso-dark.scss
Normal file
@ -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);
|
||||
}
|
Loading…
Reference in New Issue
Block a user