Skip to content

A userstyle that enhances Coolify's UI by applying opinionated tweaks, spacing, colors, and layout fixes, to make the UI more polished and user-friendly.

License

Notifications You must be signed in to change notification settings

techwithanirudh/coolify-tweaks

Repository files navigation

banner

Coolify Tweaks

version stars forks install with Stylus install from userstyles.world

About

A userstyle that enhances Coolify's UI by applying opinionated tweaks, spacing, colors, and layout fixes, to make the UI more polished and user-friendly.

Note: Coolify Tweaks is not affiliated with Coolify or its developers. It is a standalone project that styles the dashboard on your behalf.

Visit the Website → | View Screenshots →

Features

  • Better UI - Refined spacing, typography, and colors for a more polished Coolify dashboard
  • Custom Themes - Use built-in themes or bring your own through TweakCN integration
  • Multiple Installation Methods - Install via Stylus browser extension or inject through Traefik's dynamic config
  • Fully Open-Source - Built in the open with community contributions
  • Comprehensive Documentation - Detailed guides, API docs, and troubleshooting resources

Installation

Note: The bundled Nitro API in this Monorepo serves dynamic builds of the style, injecting TweakCN theme code on demand so every installation link stays up to date.

Coolify Tweaks supports two installation methods:

Method 1: Stylus (Browser Extension)

  1. Install Stylus.

  2. Hit the badge below to add the style:

    install with Stylus

    OR

    install from userstyles.world

  3. Running Coolify on something other than coolify.local?
    Open the style's Settings pane in Stylus, then under Custom included sites add your host using a wildcard. For example:

    Stylus Settings
    *://192.168.0.123:8000/*

    Replace the IP and port above with your Coolify instance's address, then click Save.

  4. Experiencing Style Issues? If you notice style changes are slow, laggy, or not applying immediately, enable Instant Mode in Stylus. This forces styles to inject instantly on page load, eliminating delays.
    Stylus Instant Mode

Method 2: Dynamic Config (Traefik)

Inject the tweaks through Traefik's rewrite-body plugin so every dashboard response includes the CSS automatically, no browser extension needed. This method works across all browsers and devices.

For detailed setup instructions, see the Dynamic Config installation guide.

Documentation

The documentation website provides comprehensive guides and resources:

  • Installation Guides - Step-by-step instructions for Stylus and Dynamic Config methods
  • Screenshots - Before/after comparisons showing the visual improvements
  • Theming - Custom themes through TweakCN integration with video guides and troubleshooting
  • Changelog - Track updates and new features
  • API Documentation - Reference for the Nitro API that serves dynamic style builds

Contributing

Got an idea or feature request? Open an issue and let’s chat, or read the contributing guide.

License

Released under the MIT license.

About

A userstyle that enhances Coolify's UI by applying opinionated tweaks, spacing, colors, and layout fixes, to make the UI more polished and user-friendly.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published

Contributors 3

  •  
  •  
  •