Marcokai is a combination of Marco’s dark blog theme and modified monokai code highlighting. The theme can be used as is or modify elements to make the site your own! See the install and customize sections for how to use and remix, check out contributing section to provide changes.
This theme can be installed one of two ways. The recommended way is to import this stylesheet into your blog. By importing the theme it means you’ll get the latest bug fixes and tweaks and will be supported by the latest listed.to markup. It will also provide you with an easy way to remix the theme by allowing you to modify elements with your own flair! Make sure you’ve already create a listed.to account and linked it to your Standard Notes account.
If you haven’t already, create a new note titled theme.css and set the editor to Plain Editor.
Copy and paste the following code snippet:
---
metatype: css
---
@import url(https://marcoceppi.github.io/listed-marcokai/dist/marcokai.min.css);
Now publish the post as a Private Post and refresh your listed.to author page!
If you don’t want automatic updates, and wish to instead use this as a base just copy and paste everything in marcokai.css while following these instructions
Marcokai is meant to be a base theme.
What’s great about listed’s site format is you can override any of the CSS by adding blocks of CSS code after the @import line.
For example, make all the links pink:
---
metatype: css
---
@import url(https://marcoceppi.github.io/listed-marcokai/dist/marcokai.min.css);
:root {
--link-color: #f92672;
}
Or, perform some more nuianced changes, like instead of the typical ⋮ between Listed and your blog name (or the > that Marcokai inserts) you can make it whatever you’d like:
---
metatype: css
---
@import url(https://marcoceppi.github.io/listed-marcokai/dist/marcokai.min.css);
#page-header .left .path-item:before {
content: "≡";
}
If you’ve made it this far you might be interested in helping maintain this little listed theme! There are several ways to help out the project: