From 5e8bf7dbd6638b4fd4dac4b9cca9d77d88b8fe02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= Date: Mon, 18 Mar 2024 09:17:40 +0100 Subject: [PATCH] [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 --- .../client/customize-store/intro/intro.scss | 12 ++++++------ .../changelog/45626-45282-fix-active-badge-color | 4 ++++ 2 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 plugins/woocommerce/changelog/45626-45282-fix-active-badge-color diff --git a/plugins/woocommerce-admin/client/customize-store/intro/intro.scss b/plugins/woocommerce-admin/client/customize-store/intro/intro.scss index e19ce2deb01..285e46cea73 100644 --- a/plugins/woocommerce-admin/client/customize-store/intro/intro.scss +++ b/plugins/woocommerce-admin/client/customize-store/intro/intro.scss @@ -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; } diff --git a/plugins/woocommerce/changelog/45626-45282-fix-active-badge-color b/plugins/woocommerce/changelog/45626-45282-fix-active-badge-color new file mode 100644 index 00000000000..21e9525affe --- /dev/null +++ b/plugins/woocommerce/changelog/45626-45282-fix-active-badge-color @@ -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. \ No newline at end of file