Primary buttons are the same color as other buttons

Created on 5 April 2024, over 1 year ago

Problem/Motivation

There are a lot of unstyled buttons in the default theme and a lot of general inconsistency with the buttons that are styled.

For example the input.html.twig template specifically excludes "add more" buttons for fields from being assigned button styling (why?).
It correctly converts stock button--danger buttons to the bootstrap equivalent. But it ignores all of the buttons marked button--primary which should be assigned the primary color.
Then it assigns all of the buttons to the primary color.

This results in suboptimal results where some buttons are unstyled, action buttons are not highlighted with a different color because every styled button is the same color.

Proposed resolution

Adjust the template to assign the secondary color to every button except danger and primary buttons. This will also make it easier for themers to adjust which button colors they want to use as they can just copy and modify the template. And it will retain the core button style guidelines which highlights the action buttons to make a UI with several buttons in it easier to grok at a glance.

Feature request
Status

Active

Version

3.0

Component

Code

Created by

🇺🇸United States rhovland Oregon

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024