#1

Finally got around to putting my custom theme onto Git.

Ebbsian is a light theme with grey sidebar and modern, image-backed headers. It features colourful underlined headings, and comes with a range of different callout/accent boxes.
Compatible with the Style Settings Plugin.

Disclaimers:

  1. I am not a for-realsies developer
  2. I have no idea if it works correctly on mobile, as I only really use desktop

Github link:

Screenshot:

1280×672 294 KB

2 Likes
Meta Post - CSS Themes Showcase
#2

Thanks, great theme. I like to use a monospace font in the editor, can you help me work out what selector to use in a snippet to override this?

#3

Thanks!
For your request - do you mean all the text in the editor should be monospace, then back to ‘normal’ in preview mode?

If so, this should do it:

.workspace-leaf-content[data-mode=‘source’] {
font-family: monospace;
}

image
image3815×2053 783 KB

#4

Thanks very much for the quick response. That does the trick. The header text in edit mode is still in the original font - which is fine because I think that looks nicer :wink:

I achieved something similar (I think) with a different CSS selector;

.CodeMirror {
	font-family: Hack, monospace;
}