From 59ae5580b209d2f4aa99b418b47b0ba61af00d56 Mon Sep 17 00:00:00 2001 From: Ionut Neagu Date: Thu, 1 May 2025 10:01:17 +0200 Subject: [PATCH 1/2] Style: Update dashboard colors and dependencies --- assets/src/dashboard/style.scss | 13 +++++++------ package-lock.json | 2 +- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/assets/src/dashboard/style.scss b/assets/src/dashboard/style.scss index 5367f897..a8239e7c 100644 --- a/assets/src/dashboard/style.scss +++ b/assets/src/dashboard/style.scss @@ -6,8 +6,9 @@ $primary: #EF686B; $success: #5F9D61; $danger: #E77777; $warning: #ffebeb; +$purple: #8b5cf6; $info: #577BF9; -$light-blue: #EEF2FE; +$light-blue: #F5F7FC; $dark-blue: #3557A6; $purple-gray: #757296; $grayish-blue: #f6f6fa; @@ -328,19 +329,19 @@ $mango-yellow: #FBBF24; } &.is-secondary { - color: #fff; + color: #4d4c4c; border: none; box-shadow: none; - background-color: $purple-gray; + background-color: #e9e9f6; &:hover:not(:disabled), &:active:not(:disabled) { - color: #fff; - background-color: $purple-gray; + color: #4d4c4c; + background-color: #e9e9f6; } &:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)); + box-shadow: inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) #4d4c4c; } } diff --git a/package-lock.json b/package-lock.json index b1011378..a27b669d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6,7 +6,7 @@ "packages": { "": { "name": "optimole-wp", - "version": "3.14.1", + "version": "4.0.3", "license": "GPL-2.0+", "dependencies": { "classnames": "^2.3.2", From cdc146003615d96674d98329a96d6d4a9aeeb048 Mon Sep 17 00:00:00 2001 From: Ionut Neagu Date: Thu, 1 May 2025 10:16:27 +0200 Subject: [PATCH 2/2] Refactor: Adjust SCSS variables and secondary button styles --- assets/src/dashboard/style.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/assets/src/dashboard/style.scss b/assets/src/dashboard/style.scss index a8239e7c..bab307d6 100644 --- a/assets/src/dashboard/style.scss +++ b/assets/src/dashboard/style.scss @@ -6,11 +6,10 @@ $primary: #EF686B; $success: #5F9D61; $danger: #E77777; $warning: #ffebeb; -$purple: #8b5cf6; $info: #577BF9; $light-blue: #F5F7FC; $dark-blue: #3557A6; -$purple-gray: #757296; +$purple-gray: #e9e9f6; $grayish-blue: #f6f6fa; $disabled: #6786F4; $mango-yellow: #FBBF24; @@ -332,12 +331,12 @@ $mango-yellow: #FBBF24; color: #4d4c4c; border: none; box-shadow: none; - background-color: #e9e9f6; + background-color: $purple-gray; &:hover:not(:disabled), &:active:not(:disabled) { color: #4d4c4c; - background-color: #e9e9f6; + background-color: $purple-gray; } &:focus:not(:disabled) {