Skip to content

Other theme changes

Simon edited this page Jul 9, 2024 · 4 revisions

If you want more control over global styling of the viewer, besides changing colors and updating the font, feel free to add custom CSS to src/theme.scss.

Note that generally speaking, since this project uses Tailwind CSS, it is preferred to make use of Tailwind's @apply directives rather than writing custom CSS, though both will work identically.

// ✅ Making use of Tailwind's @apply directives
.clickable {  
	@apply underline decoration-slate-300 cursor-pointer;  
}
// ❌ Using plain CSS
.clickable {
	text-decoration-line: underline;
	text-decoration-color: #cbd5e1;
	cursor: pointer;
}

Clone this wiki locally