Design/Whiteboards/Color Picker

From The Document Foundation Wiki
Jump to: navigation, search

Summary

Design a color picker as a first step of a broader effort to improve color handling.

Status

Analysis Call for Proposals Shaping Tentative Design Blueprint Implemented

Scope

In Scope Out of Scope
  • Theme colors
  • Custom colors
  • Touch friendliness
  • Gradients, patterns, image fill, etc.
  • Palette creation/import

Relevant Bugs

Tentative Design

Proposals

Proposal by Mirek2

Mockups

Description

Color Preview

The bubble at the bottom of the pop-up shows the current object color and, if possible, the color to be applied (the one that is hovered over or the one being set under "Custom color") on top of it. The preview shows the color name in order to be accessible for the color-blind. The label on the box is shown either in black or white, depending on whether the previewed color is dark or light. The label should always use easily translatable common nouns.

Recent

A row of recent colors is shown at the bottom of the "Custom color" view. They are in chronological order, from the newest to the latest. The first item is always the color being set.

Tools menu

The Tools menu should list commands related to color that aren't usually needed in the course of picking a color, such as "Change theme...".

Proposal by Medieval

Mockups

Description

Color Picker and gradients

Based on Mirek's older proposal. Custom color/gradient dialog will be opened with pencil icon.

Proposal by Issa

Mockups

Description

Originally based on Medieval's proposal, updated based on mirek2's proposal. Custom colors can alternately be in the same popover.

Proposal by mahfiaz

Mockups

These are functionally based on Mirek2's change on the tentative design but are pretty close to Issa's version as well.

Proposal by Mipmap

Mockups

Relevant Art

See Color Handling for inspiration.