Skip to content

Create new themes styles

matubu edited this page Mar 6, 2022 · 8 revisions

Basics ⚙️

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 {...}

Terminal 🧑‍💻

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',
};

Get creative 🎨

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

Clone this wiki locally