From a1b5ece8d25bb57644b2778a1a4b8bec92b362b7 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 22fb26380b..f97481615f 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 */