From 1c4645c1de6bf86ac8151fa41c411c1d28b6d8bd Mon Sep 17 00:00:00 2001 From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com> Date: Wed, 17 May 2023 14:30:37 +0200 Subject: [PATCH] [v10.0.x] TopNav: Tone down shadow a bit in light theme (#68622) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit TopNav: Tone down shadow a bit in light theme (#68282) * TopNav: Tone down shadow a bit in light theme * softer shadow (cherry picked from commit 5f84dad7e4051fcb7d2dc9bbc2eaf36781b1f986) Co-authored-by: Torkel Ödegaard --- public/app/core/components/AppChrome/AppChrome.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/app/core/components/AppChrome/AppChrome.tsx b/public/app/core/components/AppChrome/AppChrome.tsx index 72489c28fa2..4330e7e23c4 100644 --- a/public/app/core/components/AppChrome/AppChrome.tsx +++ b/public/app/core/components/AppChrome/AppChrome.tsx @@ -68,7 +68,7 @@ export function AppChrome({ children }: Props) { const getStyles = (theme: GrafanaTheme2) => { const shadow = theme.isDark ? `0 0.6px 1.5px rgb(0 0 0), 0 2px 4px rgb(0 0 0 / 40%), 0 5px 10px rgb(0 0 0 / 23%)` - : '0 0.6px 1.5px rgb(0 0 0 / 8%), 0 2px 4px rgb(0 0 0 / 6%), 0 5px 10px rgb(0 0 0 / 5%)'; + : '0 4px 8px rgb(0 0 0 / 4%)'; return { content: css({