Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[CYS on Core] Align the badge component in the themes intro screen (#45626) 

* Use theme color to style the theme badge component

* Add changefile(s) from automation for the following project(s): woocommerce

* Fix linting errors

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Alba Rincón 2024-03-18 09:17:40 +01:00 committed by GitHub
parent dd4babfdf8
commit 5e8bf7dbd6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/woocommerce-admin/client/customize-store/intro/intro.scss
View File

@ -287,25 +287,25 @@
}
.theme-card__active {
background: rgba(56, 88, 233, 0.2);
color: #1d35b4;
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12);
color: var(--wp-admin-theme-color, #fff);
}
.theme-card__paid {
background: #dcdcde;
background: #f0f0f1;
color: #2c3338;
}
.theme-card__active,
.theme-card__paid {
border-radius: 100px;
padding: 5px 10px;
border-radius: 4px;
padding: 4px 8px;
justify-content: flex-end;
align-items: center;
gap: 10px;
font-size: 12px;
font-style: normal;
font-weight: 500;
font-weight: 400;
line-height: 20px; /* 166.667% */
margin-right: 10px;
}

4
plugins/woocommerce/changelog/45626-45282-fix-active-badge-color Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: update
CYS - Use the admin theme color to style the active theme badge component in the Intro page.