Create designs for secondary color for Olivero

Created on 6 January 2022, over 3 years ago
Updated 4 March 2025, 2 months ago

This is closely related to #3257274: Implement color changing theme settings for Olivero โ†’ .

Background

Olivero currently only supports one primary color (which is hard coded to blue). The ability to change colors will be implemented in #3257274: Implement color changing theme settings for Olivero โ†’ , but after a discussion with @KarinG, @jwitkowski79, and @jponch, we also want to give end users the ability to select a secondary color.

Todo

  • Reconcile and categorize current Olivero color scheme. Olivero has diverged from the original Figma designs because of accessibility, normalization, and other design needs. We need to bring the Figma designs up to date.
  • Create designs for secondary color palette. We need to figure out what components will use the secondary color, and how.

Color name mapping

The new names for the primary colors will be:

--color--blue-10 => --color--primary-30: hsl(202, 79%, 32%);
--color--blue-20 => --color--primary-40: hsl(202, 79%, 38%);
--color--blue-30 => --color--primary-50: hsl(202, 79%, 50%);
--color--blue-50 => --color--primary-50: hsl(202, 79%, 50%);
--color--blue-70 => --color--primary-60: hsl(202, 79%, 62%);
--color--blue-90 => --color--primary-95: hsl(202, 79%, 93%);
๐Ÿ“Œ Task
Status

Active

Version

11.0 ๐Ÿ”ฅ

Component

Olivero theme

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States mherchel Gainesville, FL, US

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024