From e6b2a37a89fae71e293ae4ff2f2e4b7198a7a814 Mon Sep 17 00:00:00 2001 From: abose Date: Sat, 30 Nov 2024 16:03:53 +0530 Subject: [PATCH] fix: light theme issues in color gutter --- src/styles/Extn-CSSColorPreview.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/styles/Extn-CSSColorPreview.less b/src/styles/Extn-CSSColorPreview.less index 22fb26380..f97481615 100644 --- a/src/styles/Extn-CSSColorPreview.less +++ b/src/styles/Extn-CSSColorPreview.less @@ -2,7 +2,10 @@ // Check `extensionsIntegrated/CSSColorPreview for more reference /* Single color preview */ .ico-cssColorPreview { - border: solid 1px rgba(0, 0, 0, 0.2); + border: solid 1px rgba(255, 255, 255, 0.2); + .dark & { + border: solid 1px rgba(0, 0, 0, 0.2); + } display: inline-block; top: .1em; height:.7em; @@ -13,13 +16,16 @@ /* Multiple colors preview container (this is a div) */ .ico-multiple-cssColorPreview { + border: solid 1px rgba(255, 255, 255, 0.2); + .dark & { + border: solid 1px rgba(0, 0, 0, 0.2); + } position: relative; display: inline-block; top: .1em; width: .7em; height:.7em; margin-left: .15em; - border: solid 1px rgba(0, 0, 0, 0.2); } /* For individual color boxes, they will be added inside the main .ico-multiple-cssColorPreview div */