Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color scheme? #16

Open
decryptedchaos opened this issue Nov 6, 2023 · 2 comments
Open

Color scheme? #16

decryptedchaos opened this issue Nov 6, 2023 · 2 comments
Labels
enhancement New feature or request

Comments

@decryptedchaos
Copy link

This almost perfectly solves the problem.. with one exception that may or may not be a problem for others..

Is it possible to (even manually) change the color scheme?

the colors are not very pleasing particularly the blue on dark backgrounds I'd prefer pastel colors on dark backgrounds.

image

@decryptedchaos
Copy link
Author

decryptedchaos commented Nov 6, 2023

Nevermind, I found the stylesheet.

Here's my modification if anyone wants it.

Replace the stylesheet between the <style> tags in the CONST at the top of the main script file.

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #fff;
    color: #000
}

.hljs-comment,
.hljs-quote,
.hljs-variable {
    color: green
}

.hljs-built_in,
.hljs-keyword,
.hljs-name,
.hljs-selector-tag,
.hljs-tag {
    color: rgb(111, 130, 255)
}

.hljs-addition,
.hljs-attribute,
.hljs-literal,
.hljs-section,
.hljs-string,
.hljs-template-tag,
.hljs-template-variable,
.hljs-title,
.hljs-type {
    color: #a24ba2
}

.hljs-deletion,
.hljs-meta,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #5399ae
}

.hljs-doctag {
    color: rgb(220, 232, 140))
}

.hljs-attr {
    color: red
}

.hljs-bullet,
.hljs-link,
.hljs-symbol {
    color: #00b0e8
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

I like this much better

image

@antoniotejada
Copy link
Owner

Thanks for taking the time to file the issue and your solution!

You can also follow the steps at #13 (comment) to use one of the existing highlight.js styles.

Leaving open to find a simple way to include styles.

@antoniotejada antoniotejada added the enhancement New feature or request label Nov 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants