[wp-trac] [WordPress Trac] #49711: Twenty Twenty: Add gradient background options that fit the theme color scheme

[WordPress Trac]

#49711: Twenty Twenty: Add gradient background options that fit the theme color
scheme
-------------------------------------------------+-------------------------
 Reporter:  ianbelanger                          |       Owner:  (none)
     Type:  enhancement                          |      Status:  new
 Priority:  normal                               |   Milestone:  Future
                                                 |  Release
Component:  Bundled Theme                        |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  good-first-bug has-patch needs-      |     Focuses:  ui, css
  design-feedback                                |
-------------------------------------------------+-------------------------

Comment (by Anlino):

 👋 I think the gradients used looks good, but I'm assuming we'd need to
 tie them into the custom accent color and the main background color, so
 the colors chosen in the Customizer are reflected in the gradient
 backgrounds as well. I don't think there's support for getting lighter or
 darker versions of the accent color currently, so we're (currently)
 limited to using the five colors used in the color palette (Accent,
 Primary, Secondary, Subtle Background, Background) for the gradients.

 On the technical side of things, that means the {{{gradient}}} value in
 the {{{editor-gradient-presets}}} array would need to be updated to use
 the colors from {{{twentytwenty_get_color_for_area()}}}, and the front-end
 output in  {{{twentytwenty_get_customizer_css()}}} would need to be
 updated with output of CSS for the gradient classes when the colors set in
 the Customizer differ from the defaults.
 {{{twentytwenty_get_elements_array()}}}, which is used to define which
 colors to apply to which selectors and properties in the custom CSS,
 doesn't support multiple colors used in combination, so the gradient
 custom CSS would probably need to be added directly in the front-end
 section of {{{twentytwenty_get_customizer_css()}}}.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49711#comment:8>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform