From 6e6ec8a2e0d9d6a9102550de1ca7968b54ac1ea9 Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Sat, 15 Mar 2025 22:22:06 +0530 Subject: [PATCH 1/2] Enhance hover effect on console Clear button #2592 --- client/styles/components/_console.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index f37eb50d5f..df9a85c779 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -89,7 +89,7 @@ @extend %link; color: getThemifyVariable('secondary-text-color'); &:hover { - color: getThemifyVariable('heavy-text-color'); + color: $p5-light-pink; // Use the pink color directly for hover } } background: transparent; From 21e644535638b1dc4efebe8f2ae02956b97d22ec Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Tue, 18 Mar 2025 01:43:01 +0530 Subject: [PATCH 2/2] Update _console.scss --- client/styles/components/_console.scss | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index df9a85c779..ab69c5fbe9 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -86,22 +86,26 @@ .preview-console__clear { @include themify() { - @extend %link; - color: getThemifyVariable('secondary-text-color'); - &:hover { - color: $p5-light-pink; // Use the pink color directly for hover + @extend %link; + color: getThemifyVariable('secondary-text-color'); + &:hover { + color: $p5-light-pink; + + @if (getThemifyVariable('logo-color') == $yellow) { + color: $yellow; } + } } background: transparent; border: none; padding-right: #{math.div(10, $base-font-size)}rem; .preview-console--collapsed & { - display: none; + display: none; } -} + } .preview-console__body { display: flex; flex-direction: column; height: calc(100% - #{math.div(30, $base-font-size)}rem); -} +} \ No newline at end of file