publite.me

Publite.me comes with a number of [predefined themes(/themes) but it's encouraged to use the CSS theme overrides to create your own aesthetic. You can do this by putting any CSS you'd like in the custom CSS field on your blog's settings page.

The best way to do this is to look at the CSS themes in the GitHub repository. You can choose a theme you like, or just choose the base theme and modify the CSS to get your desired aesthetic.

Note: You don't have to overwrite the themes in the CSS files themselves. You can just copy-paste your changes into the custom CSS field in the settings page.

Example:

Get the CSS from the default theme. Then create a file with the modified CSS to update the colors of the blog:

:root {
  --background-color: #121212;
  --surface-color: #1a1a1a;
  --primary-color: #ffb100;
  --secondary-color: #e93601;
 }

Then paste this into the custom CSS field on the settings page of your blog. Now refresh the page and you should see the new colors take effect.

You can go beyond updating just the colors and update the CSS for any elements in your blog. You can add SVG content to certain elements, change colors, spacing, fonts etc.

If you've created any really special themes that you want to share with others, feel free to put in a pull request