Add color customization option to Olivero
Closes #3257274
This MR expands upon the work done in #3086514 and utilizes the farbtastic replacement method suggested by @mherchel in #1651344.
- The theme-settings file attaches a new Olivero library that inserts a
input[type="color"]
element and keeps the two inputs synchronized. - The element has the
pattern
attribute defined to only accept full, 6-character hexadecimal values with a leading hash. This validation method works in the browser with or without javascript. - The olivero theme file adds a new function that converts hex-code values to an array containing the hue, saturation, and lightness (HSL) values, and then inserts those values to override the theme's defaults defined in the CSS file.
- The
--color--blue--XX
formulas are updated to multiply the lightness values to lighten or darken the selected color
Edited by Andy Blum
Merge request reports
Activity
added 1 commit
- 9bcd39ac - remove unnecessary code related to 3-char hexcode values
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
added 2 commits
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
added 2 commits
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
- Resolved by Andy Blum
/var/www/html/core/themes/olivero/js/color-picker.es6.js:11:56 - Unknown word (programatically) /var/www/html/core/themes/olivero/js/color-picker.es6.js:48:6 - Unknown word (Unhides) CSpell: failed
FILE: /var/www/html/core/themes/olivero/olivero.theme ---------------------------------------------------------------------- FOUND 2 ERRORS AFFECTING 2 LINES ---------------------------------------------------------------------- 635 | ERROR | Doc comment short description must end with a full | | stop 640 | ERROR | Return type "array [$hue, $saturation, $lightness]" | | must not contain spaces ----------------------------------------------------------------------
added 2 commits
added 3 commits
-
625444b4...2f1c7166 - 2 commits from branch
project:10.0.x
- ceb2dacf - Merge branch '10.0.x' into 3257274-implement-color-changing
-
625444b4...2f1c7166 - 2 commits from branch
added 1 commit
- eafc3dee - Make maintenance icon fit selected color scheme
added 2 commits
added 18 commits
-
050e9952...0d46b744 - 16 commits from branch
project:10.0.x
- b4c6c710 - Merge branch '10.0.x' into 3257274-implement-color-changing
- 3a858b98 - Merge branch '10.0.x' into 3257274-implement-color-changing
-
050e9952...0d46b744 - 16 commits from branch
added 4 commits
-
3a858b98...80a83b40 - 3 commits from branch
project:10.0.x
- 1d6221e3 - Merge branch '10.0.x' into 3257274-implement-color-changing
-
3a858b98...80a83b40 - 3 commits from branch
added 91 commits
-
1d6221e3...105b60a8 - 89 commits from branch
project:10.0.x
- 7951516e - Merge branch '10.0.x' into 3257274-implement-color-changing
- 569873d8 - update base HSL calculations
-
1d6221e3...105b60a8 - 89 commits from branch
added 1 commit
- abdea896 - move color picker element from PHP to JS to avoid schema issues
added 130 commits
-
ae7a04e7...ada5a430 - 129 commits from branch
project:10.0.x
- 9c7fabfb - Merge branch '10.0.x' into 3257274-implement-color-changing
-
ae7a04e7...ada5a430 - 129 commits from branch
added 48 commits
-
9c7fabfb...19c7a3c7 - 46 commits from branch
project:10.0.x
- d7d8ee6e - Merge branch '10.0.x' into 3257274-implement-color-changing
- 070f9bdd - Recompiling color-picker.js
-
9c7fabfb...19c7a3c7 - 46 commits from branch
- Resolved by Andy Blum
Please register or sign in to reply