Trilium-SyntaxHighlightWidget icon indicating copy to clipboard operation
Trilium-SyntaxHighlightWidget copied to clipboard

Color scheme?

Open decryptedchaos opened this issue 2 years ago • 2 comments

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 avatar Nov 06 '23 19:11 decryptedchaos

Nevermind, I found the stylesheet.

Here's my modification if anyone wants it.

Replace the stylesheet between the

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

decryptedchaos avatar Nov 06 '23 19:11 decryptedchaos

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

You can also follow the steps at https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget/issues/13#issuecomment-1295574859 to use one of the existing highlight.js styles.

Leaving open to find a simple way to include styles.

antoniotejada avatar Nov 06 '23 20:11 antoniotejada