-
Notifications
You must be signed in to change notification settings - Fork 20
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