Customize Kutt themes and styles
mainYou can customize the Kutt interface by placing files in the /custom directory. This allows you to add custom CSS, replace images, or render custom HTML templates.
Directory Structure
custom/
├─ css/
│ ├─ custom1.css
│ ├─ custom2.css
│ └─ styles.css (replaces original styles.css)
├─ images/
│ ├─ logo.png (replaces original logo.png)
│ └─ favicon.ico
└─ views/
├─ partials/
│ └─ footer.hbs
└─ 404.hbsCustomization Details
- CSS: Files in
/custom/css/are accessible via<your-site.com>/css/<file>.css. Naming a filestyles.csswill override the default Kutt stylesheet. - Images: Place images in
/custom/images/with the same names as those in the/static/images/directory to replace them. They are accessible via<your-site.com>/images/<image>.<format>. - Views: Custom HTML templates in
/custom/views/must follow the same naming and folder structure as the original/server/views/directory. Note that updates to Kutt may break custom views if file structures change.