[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:
parent
dd4babfdf8
commit
5e8bf7dbd6
|
@ -287,25 +287,25 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-card__active {
|
.theme-card__active {
|
||||||
background: rgba(56, 88, 233, 0.2);
|
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
||||||
color: #1d35b4;
|
color: var(--wp-admin-theme-color, #fff);
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-card__paid {
|
.theme-card__paid {
|
||||||
background: #dcdcde;
|
background: #f0f0f1;
|
||||||
color: #2c3338;
|
color: #2c3338;
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-card__active,
|
.theme-card__active,
|
||||||
.theme-card__paid {
|
.theme-card__paid {
|
||||||
border-radius: 100px;
|
border-radius: 4px;
|
||||||
padding: 5px 10px;
|
padding: 4px 8px;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 500;
|
font-weight: 400;
|
||||||
line-height: 20px; /* 166.667% */
|
line-height: 20px; /* 166.667% */
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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.
|
Loading…
Reference in New Issue