Make WordPress Core

Opened 4 years ago

Last modified 6 months ago

#49761 new enhancement

Twenty Fourteen: Add gradient background options that fit the theme color scheme

Reported by: ianbelanger's profile ianbelanger Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 6.4
Component: Bundled Theme Keywords: good-first-bug has-patch close
Focuses: ui Cc:


Now that we have the option for certain blocks to have gradient backgrounds, we need to add gradient background options to the theme that fit the themes color scheme.

Attachments (2)

Screenshot 2022-02-04 at 13.47.32.png (102.7 KB) - added by karlijnbk 2 years ago.
Theme colors and new theme gradient colors
gradients.png (261.8 KB) - added by karlijnbk 2 years ago.
Gradient colors on buttons

Download all attachments as: .zip

Change History (7)

#1 @ianbelanger
4 years ago

  • Type changed from defect (bug) to enhancement

This ticket was mentioned in PR #846 on WordPress/wordpress-develop by AdelDima.

3 years ago

  • Keywords has-patch added; needs-patch removed

Add gradient background options (Twenty Fourteen)
Trac ticket:

#3 @adeltahri
3 years ago

I submitted a PR for the ticket.

#4 @karlijnbk
2 years ago

Hi! I've tested the PR and the colours look really good, but I might have found one possible problem.

On trunk, when you change the button color to a gradient option, it immediately adds a gradient to the button color. On the PR however, the color is solid and only changes to gradient when I, for example, change the angle.

See the two recordings below for clarification.

I'm also adding some screenshots to show the beautiful new gradient colors.

Last edited 2 years ago by karlijnbk (previous) (diff)

2 years ago

Theme colors and new theme gradient colors

2 years ago

Gradient colors on buttons

#5 @devmuhib
6 months ago

  • Keywords close added
  • Version set to trunk

Theme default gradients added. I am using latest twenty fourteen theme to test the feature. It's updated.

Note: See TracTickets for help on using tickets.