From bafccb33b567a0da7b5ac9051bfb7f0aab52f9b2 Mon Sep 17 00:00:00 2001 From: Nicolas Molina Monroy Date: Tue, 17 Dec 2024 16:44:27 -0400 Subject: [PATCH] fix(scss): fix error with hover (#30964) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### Parent Issue #30959 ### Proposed Changes This pull request includes changes to the `core-web/libs/dotcms-scss/shared/_colors.scss` file to improve the color accessibility and consistency in the codebase. Improvements to color accessibility: * Changed the value of `--color-palette-primary-op-10` to use `hsla` with a specific lightness and opacity, ensuring better color accessibility. ### Checklist - [x] Tests - [x] Translations - [x] Security Implications Contemplated (add notes if applicable) ### Screenshots Screenshot 2024-12-17 at 3 56 40 PM --- core-web/libs/dotcms-scss/shared/_colors.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core-web/libs/dotcms-scss/shared/_colors.scss b/core-web/libs/dotcms-scss/shared/_colors.scss index a1173a3e7d35..f5b5b416e768 100644 --- a/core-web/libs/dotcms-scss/shared/_colors.scss +++ b/core-web/libs/dotcms-scss/shared/_colors.scss @@ -236,7 +236,7 @@ $success: $color-accessible-text-green; --primary-800: var(--color-palette-primary-800); --primary-900: var(--color-palette-primary-900); - --color-palette-primary-op-10: var(--color-palette-primary-op-10); + --color-palette-primary-op-10: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.1); --color-palette-primary-op-20: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.2); --color-palette-primary-op-30: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.3); --color-palette-primary-op-40: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.4);