Add your custom-css styling under the edit custom stylesheet option in your hashnode blog appearance settings.
- Copy paste the css styling for home, articles, and pages.
- Default hashnode classes and ids are taken care off.
- Custom html ids are added for more flexibility. These must be added in html tags in markdown while writing the blog posts/pages. (Example: custom-hr, custom-link)
To change color scheme, you can simply change the CSS variables. You may use this template css and modify on top of this to speed up your styling.
You can use the following online tools to generate your own color palatte:
- If you'd like to extend the templates, styles and any css design, you can create a feature branch named "your-username-theme-name" and raise a PR with the main branch. Styling will be reviewed and merged.
- To add a new custom style, create a new folder with "ThemeName" and add the three css files respectively- Home, Articles, Pages.
- For any special CSS styles/effects, add them to the CustomEffects folder for reference or standalone use with name of the effect in CamelCase as the file name (For example: any special hover effects).
You can start a new thread under the discussions tab. You may tag the appropriate category while you do the same.
Do raise any issue/bug when you notice anything not functioning as expected.