-
Notifications
You must be signed in to change notification settings - Fork 15
Create new themes styles
matubu edited this page Mar 6, 2022
·
8 revisions
In your css file you can import the default styling or start from the ground up,
@import 'default.css';
Change the background and default color,
[class*="shj-lang-"] {
color: ...;
background: ...;
...
}
Change token style,
.shj-syn-[token-name] {color: ...}
Change line numbering style,
.shj-numbers {color: ...}
Change inline style,
shj-inline {...}
Change oneline style,
.shj-oneline {...}
Change multiline style,
.shj-multiline {...}
Change the default header thing
.shj-multiline:before {...}
For terminal coloring you can use escape color code:
black | red | green | gray | yellow | blue | magenta | cyan | white |
---|---|---|---|---|---|---|---|---|
\x1b[30m | \x1b[31m | \x1b[32m | \x1b[90m | \x1b[33m | \x1b[34m | \x1b[35m | \x1b[36m | \x1b[37m |
export default {
token_name: 'color code',
};
Feel free to get creative and change other more fancy things, and if you need more answer the default css file can maybe help you