drawio icon indicating copy to clipboard operation
drawio copied to clipboard

[IBM2 Request] Color Palette Definition

Open jaywarfield opened this issue 3 years ago • 0 comments

  • [x] I agree to follow the Code of Conduct that this project adheres to.
  • [x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe. No.

Describe the solution you'd like For IBM2 Shape Diagrams please use this version of the IBM Color Palette which includes the css, defaultColorSchemes, presetColors, defaultColors, and colorNames: IBMColorPalette.json.zip

The entire IBM Color Palette is included except for swatch 100. The specs document mentions only cool gray. The IBM Color Palette has a cool gray, gray, and warm gray which were all included in the json above to fill out the colors.

The recommended method of setting colors in IBM2 Shape Diagrams is with the color schemes which sets the line color and corresponding fill color simultaneously.

The secondary method of setting colors is with the individual line and fill colors under the color schemes.
The tooltips contain the color family + swatch number + intended use. The intended use is one of the following: (No Fill) - transparent, used only for non-containers (e.g. Zone shape) (White Fill) - fill is white, default for container shapes (Light Fill) - swatch 10 for each color family (Medium Line) - either swatch 50 or 60 for each color family (Dark Line) - either swatch 70 or 80 for each color family and black (Not Used) - should not be selectable

For accessibility if drawio could please consider restricting selection of colors in the implementation to ensure line colors are from our pre-selected color swatches, and fill colors are from our pre-selected light color swatches that are in the same color family as the corresponding line color swatch. For example, Red 10 for light fill with Red 50 for medium line color, or Red 10 for light fill with Red 70 for dark line color. Reasons include accessibility so user doesn’t use an overpowering fill color or another line color swatch such as Red 20 marked as Not Used which is not distinguishable from the light fill, adjacent nested containers are white fill or light fill and other colors used for fill may not be accessible next to other nested containers, etc.

The official IBM blue color is too dark for the css with text but the shade of blue used for the css in the above attachment is also from the IBM Color Palette and seems to work well with text, if acceptable to drawio.

Thanks!

Describe alternatives you've considered None.

Additional context None.

jaywarfield avatar Jul 09 '22 16:07 jaywarfield