From 3eab510c1b8ae010ee611ce0427ebcd54e3e7d0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 23 Sep 2025 12:11:14 +0200
Subject: [PATCH] Theme: Changes light theme canvas color a more white shade
 (#111318)

* Theme: Changes light theme canvas color a more white shade

* Update
---
 packages/grafana-data/src/themes/palette.ts | 2 +-
 public/sass/_variables.light.generated.scss | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-data/src/themes/palette.ts b/packages/grafana-data/src/themes/palette.ts
index 5934e144710..feba8a1252e 100644
--- a/packages/grafana-data/src/themes/palette.ts
+++ b/packages/grafana-data/src/themes/palette.ts
@@ -16,7 +16,7 @@ export const palette = {
   darkBorder2: '#64646b',
 
   // Dashboard bg / layer 0 (light theme)
-  gray90: '#f4f5f5',
+  gray90: '#fbfbfb',
   // Card bg / layer 1
   gray100: '#f4f5f5',
   // divider line
diff --git a/public/sass/_variables.light.generated.scss b/public/sass/_variables.light.generated.scss
index e37b1aab9ce..758aa085ad3 100644
--- a/public/sass/_variables.light.generated.scss
+++ b/public/sass/_variables.light.generated.scss
@@ -46,7 +46,7 @@ $purple: #9933cc;
 
 // Scaffolding
 // -------------------------
-$body-bg: #f4f5f5;
+$body-bg: #fbfbfb;
 
 $text-color: rgba(36, 41, 46, 1);
 $text-color-weak: rgba(36, 41, 46, 0.75);
@@ -67,9 +67,9 @@ $text-muted: $text-color-weak;
 $panel-bg: #ffffff;
 
 // Page header
-$page-header-bg: #f4f5f5;
+$page-header-bg: #fbfbfb;
 $page-header-shadow: inset 0px -3px 10px $gray-6;
-$page-header-border-color: #f4f5f5;
+$page-header-border-color: #fbfbfb;
 
 // Graphite Target Editor
 $tight-form-func-bg: #f4f5f5;