Fix button styling: green borders on all secondary buttons, vertical text alignment, and blue version text

This commit is contained in:
Marcus Quinn
2025-03-24 22:05:55 +00:00
parent f8c098b5a1
commit 7c6afdc8c7

View File

@ -33,7 +33,7 @@
} }
.wp-allstars-version { .wp-allstars-version {
color: #d35400; /* Updated to dark orange */ color: #0073aa; /* Changed to WordPress blue */
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
} }
@ -927,7 +927,8 @@ input:checked + .wp-toggle-slider:before {
#pro .button.button-secondary, #pro .button.button-secondary,
#hosting .button.button-secondary, #hosting .button.button-secondary,
#tools .button.button-secondary, #tools .button.button-secondary,
#readme .button.button-secondary { #readme .button.button-secondary,
.button.button-secondary {
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
color: #219653 !important; /* Darker green */ color: #219653 !important; /* Darker green */
border-color: #219653 !important; /* Darker green */ border-color: #219653 !important; /* Darker green */
@ -943,13 +944,21 @@ input:checked + .wp-toggle-slider:before {
#pro .button.button-secondary:hover, #pro .button.button-secondary:hover,
#hosting .button.button-secondary:hover, #hosting .button.button-secondary:hover,
#tools .button.button-secondary:hover, #tools .button.button-secondary:hover,
#readme .button.button-secondary:hover { #readme .button.button-secondary:hover,
.button.button-secondary:hover {
color: #1b7b42 !important; /* Even darker green on hover */ color: #1b7b42 !important; /* Even darker green on hover */
border-color: #1b7b42 !important; /* Even darker green on hover */ border-color: #1b7b42 !important; /* Even darker green on hover */
background-color: rgba(33, 150, 83, 0.05) !important; /* Very light green background */ background-color: rgba(33, 150, 83, 0.05) !important; /* Very light green background */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
} }
/* Button text vertical alignment */
.button, .button-primary, .button-secondary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Read Me Tab Panel */ /* Read Me Tab Panel */
#readme .wpa-pro-plugins { #readme .wpa-pro-plugins {
display: block; display: block;