ColorManager

Use colours consistently across Kanboard with the default, extended, text and custom palettes. Choose from over 85 colours, create administrator-managed custom colours and use them throughout tasks, projects, categories, tags, automatic actions and Gantt views.

[↓ Bottom] [→ Next] [↑ Top]

Features

• New dedicated settings page
• Show color values as box examples
• Show total color counts
• Sort all colors alphabetically
• Pretty URL mydomain.com/settings/color-manager
• Restrict global colour management to administrators
• Validate custom colours before they can be used in shared page styles
• Add optional custom text colours with a minimum 4.5:1 contrast ratio
• Resolve extended and custom colours in Gantt views

Default Color Palette

• Contains the 16 default application colors
• Show default color example instead of just the color name (in Project Settings)
• Display CSS properties for each color (background color, border color)

Extended Color Palette

• Contains 40 new rich colors
• Perfect for tasks
• Includes variations of white
• Display CSS properties for each color (background color, border color)

Text Color Palette

• Contains 30 new vibrant colors
• Perfect for tags and categories
• Includes variations of black
• Extended colors with matching or contrasting text color
• Display CSS properties for each color (background color, border color, font color)

Custom Color Palette

• Create your own favorite colors
• Use automatically selected accessible black or white text, or provide a readable custom text colour
• Display CSS properties for each color (background color, border color, text color)

Dropdown Color Lists

• Sort colors from all palettes alphabetically
• Show color examples in the task creation dropdown list
• Redesign color square (left color = border, right color = background, centre dot = font color)
• Show color examples in the Automatic Action creation dropdown list
• Show color examples in the Project Settings dropdown list

[↓ Bottom] [← Previous] [→ Next] [↑ Top]

Screenshots

Kanboard Settings - Default Color Palette

Kanboard Settings - Extended Color Palette

Kanboard Settings - Text Color Palette

Kanboard Settings - Custom Color Palette

Project Settings

Automatic Actions - Creation

Automatic Actions - compatible with AutomaticActionUX

[↓ Bottom] [← Previous] [→ Next] [↑ Top]

Usage

Go to Settings ⥂ Color Manager

• Select Add Colour to create an administrator-managed custom colour.
• Set the background and border colours.
• To override Kanboard's inherited text styling, select Use a custom text colour and choose a combination with a contrast ratio of at least 4.5:1.
• Existing custom colours continue to inherit Kanboard's text styling unless the option is enabled.

[↓ Bottom] [← Previous] [→ Next] [↑ Top]

Installation & Compatibility

Installation

• Install via the Kanboard Plugin Directory or see INSTALL.md
• Read the full Changelog to see the latest updates

Compatibility

• Requires Kanboard ≥1.2.54
• Tested with PHP 8.2–8.5
• Other Plugins & Action Plugins
  • No known issues
  • Compatible with AutomaticActionUX, KanboardCSS, PluginManager, TagManager, ThemeMaestro
• Core Files & Templates
  • No template overrides
  • No database schema changes
  • Accessible custom text colours are stored in Kanboard's existing configuration table

Translations

• English (UK), German
• Starter template available

[↓ Bottom] [← Previous] [→ Next] [↑ Top]

Authors & Contributors

• @aljawaid - Author
• Craig Crosby - Contributor
• Contributors welcome

[↓ Bottom] [← Previous] [↑ Top]

License

• This project is distributed under the MIT License

---

[↑ Top]