Giter VIP home page Giter VIP logo

colormanager's Introduction

ColorManager

GitHub Latest Release (by date) GitHub All Releases GitHub Repository File Count GitHub Repository Size GitHub Code Size

GitHub Discussions GitHub Commits Since Last Release GitHub Commit Monthly Activity Kanboard

A new way to utilise colors to their full potential in Kanboard. Choose from 3 color palettes or create your own. Combining all palettes, choose from over 85 colors to match your workflow across the interface.

[↓ 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

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
  • Display CSS properties for each color (background color, border 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

Default Color Palette

Kanboard Settings - Extended Color Palette

Extended Color Palette

Kanboard Settings - Text Color Palette

Text Color Palette

Kanboard Settings - Custom Color Palette

Custom Color Palette

Empty Custom Color Palette

Project Settings

Default Task Dropdown List

Automatic Actions - Creation

Automatic Action Creation

Automatic Actions - compatible with AutomaticActionUX

Automatic Actions

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

Usage

Go to SettingsColor Manager

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

Installation & Compatibility

Code Scanning PHP Compatibility Test PHP Compatibility Test PHP Compatibility Test

Installation
Compatibility
Translations
  • English (UK), German
  • Starter template available

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

Authors & Contributors

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

License


ColorManager ColorManager ColorManager ColorManager ColorManager ColorManager GitHub commits since latest release (by date)

[↑ Top]

colormanager's People

Contributors

aljawaid avatar creecros avatar dependabot[bot] avatar justfxdev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

colormanager's Issues

Rename Long Colours

    call it royal blue.  should shorten it enough to fit. never heard of supreme blue anyway, and I'm in graphic Communications by trade. but, something to think about for translations, if these names are too long they shift down a line.

Originally posted by @creecros in #31 (comment)

Show if Custom Colour Palette is Empty

Discussed in #26

Originally posted by aljawaid January 2, 2023
@creecros
I tried to add an else to this block but it didn't work... no errors either.

<?php if ($customColors != ''): ?>

I tried:
<?php if ($customColors == ''): ?>
<?php if ($customColors === ''): ?>
I even tried a simple else or the above as elseif

Any insight on why? I tried a few combinations

My ultimate goal is to add: <p>This palette contains no colors yet. (add color button)</p>

How to Extend Colours?

  • How can we add a colour to the default colours model?
  • Should we create a new database for new colours? or add in the app settings metadata?

Add Extra Colour Palette

I already have a colour list for this... just need to make sure that font color is included (had it working in the now-deleted protected function)

This palette will be more suited for tags and will compliment the TagManager plugin

BUG: Font Colour will Cause Errors

Colours using font colours are check as if but should be isset

  • Add font colour to relevant colour as normal in the model
  • Check using isset before using it

Code Issues:

  • 0a74028 Add 3 Colours
  • 9cc4ce7 Add html entity for white text indication in dropdowns
  • 57913fe Add Font Color

Add New Palette: Text Color Palette

  • Update code
  • Move all white_on_... colours to the new palette
  • Add translations
  • Update readme

Linked with #28 Rename Extra Color Palette > Extended Color Palette

Request: Add New Colours to Extra Colour Palette

Hi aljawid,

i really love that plug in. The extened palette is directly available in the selection dropdown in the task and it shows an example right in the drop down fields 👍 🥇

I have a smal enhancement request: can you add an all white color box the the selection? Border white and background white.

I'am working an a theme which shows color only on the left side in the border. And i would be able to have no border shown. It's like the wekan theme works with coloring tasks.

It would have the same effect in that theme.

When i set default to White:White (when available) i have an uncolored task on the borad. Without the need to create upfront such a color in the user specific section.

At the moment i get a gray left border when i use White as default (which is correct because of the gray border definition for white)!

grafik

Cheers, Fx

Translation of color names

Hi aljawaid,
the colors in the Kanboard core are translated (while not using the ColorManager)

Kanboard

grafik

Kanboard with ColorManager

grafik

I could not easly figure out where to change that in the code.

Any hints?

Cheers, Fx

Bug: Settings Page Overrides Other Plugin Settings Page

ColorManager settings page is shown when going to MatomoConnector settings.

// Extra Page - Routes
        //  - Example: $this->route->addRoute('/my/custom/route', 'myController', 'show', 'PluginNameExampleStudlyCaps');
        $this->route->addRoute('/settings/:url', 'ColorManagerController', 'show', 'ColorManager');
// MATOMO SETTINGS Page - Routes
        $this->route->addRoute('/settings/matomo', 'MatomoConnectorController', 'show', 'MatomoConnector');

When I go to settings in the MatomoCOnnector, the browser url is correct, but the screen shows the ColorManager settings page.

Any idea what is going on?

Option to create new Text Colors

Hi! First of all I'd like to thank for this plugin: I'm using for Kanboard to help me to better organize my tasks.
I'm using also the option Custom Color Palette. I don't know if it's possible to add a option to change color for the text as well as the border and background.
Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.