From 7375115a98ab11ae0ce46f0a9a99bbf49801e000 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Tue, 18 May 2021 18:00:30 +0200
Subject: [PATCH] Theme: Updating old theme variables to use the new theme
 higher contrast colors (#34305)

---
 .../grafana-ui/src/themes/_variables.dark.scss.tmpl.ts     | 6 +++---
 .../grafana-ui/src/themes/_variables.light.scss.tmpl.ts    | 7 ++++---
 public/sass/_variables.dark.generated.scss                 | 6 +++---
 public/sass/_variables.light.generated.scss                | 5 +++--
 public/sass/pages/_alerting.scss                           | 4 ++++
 5 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/packages/grafana-ui/src/themes/_variables.dark.scss.tmpl.ts b/packages/grafana-ui/src/themes/_variables.dark.scss.tmpl.ts
index fc0f677c660..03f27053bf9 100644
--- a/packages/grafana-ui/src/themes/_variables.dark.scss.tmpl.ts
+++ b/packages/grafana-ui/src/themes/_variables.dark.scss.tmpl.ts
@@ -84,9 +84,9 @@ $query-orange: ${theme.v1.palette.orange};
 
 // Status colors
 // -------------------------¨
-$online: ${theme.v1.palette.online};
-$warn: ${theme.v1.palette.warn};
-$critical: ${theme.v1.palette.critical};
+$online: ${theme.colors.success.text};
+$warn: ${theme.colors.warning.text};
+$critical: ${theme.colors.error.text};
 
 // Scaffolding
 // -------------------------
diff --git a/packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts b/packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
index 55edebb7a51..459798d4427 100644
--- a/packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
+++ b/packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
@@ -80,9 +80,10 @@ $query-orange: ${theme.v1.palette.orange};
 
 // Status colors
 // -------------------------
-$online: ${theme.v1.palette.online};
-$warn: ${theme.v1.palette.warn};
-$critical: ${theme.v1.palette.critical};
+$online: ${theme.colors.success.text};
+$warn: ${theme.colors.warning.text};
+$critical: ${theme.colors.error.text};
+
 
 // Scaffolding
 // -------------------------
diff --git a/public/sass/_variables.dark.generated.scss b/public/sass/_variables.dark.generated.scss
index 6f3a6025e38..905f6a67796 100644
--- a/public/sass/_variables.dark.generated.scss
+++ b/public/sass/_variables.dark.generated.scss
@@ -87,9 +87,9 @@ $query-orange: #eb7b18;
 
 // Status colors
 // -------------------------¨
-$online: #1A7F4B;
-$warn: #1A7F4B;
-$critical: #1A7F4B;
+$online: #6CCF8E;
+$warn: #F8D06B;
+$critical: #FF5286;
 
 // Scaffolding
 // -------------------------
diff --git a/public/sass/_variables.light.generated.scss b/public/sass/_variables.light.generated.scss
index 12752f3c3fa..66f568c4b91 100644
--- a/public/sass/_variables.light.generated.scss
+++ b/public/sass/_variables.light.generated.scss
@@ -83,8 +83,9 @@ $query-orange: #eb7b18;
 // Status colors
 // -------------------------
 $online: #1A7F4B;
-$warn: #1A7F4B;
-$critical: #1A7F4B;
+$warn: #BD4B00;
+$critical: #CF0E5B;
+
 
 // Scaffolding
 // -------------------------
diff --git a/public/sass/pages/_alerting.scss b/public/sass/pages/_alerting.scss
index 51e4eab174c..d32cbae251e 100644
--- a/public/sass/pages/_alerting.scss
+++ b/public/sass/pages/_alerting.scss
@@ -1,18 +1,22 @@
 .alert-state-paused,
 .alert-state-pending {
   color: $text-muted;
+  font-weight: $font-weight-semi-bold;
 }
 
 .alert-state-ok {
   color: $online;
+  font-weight: $font-weight-semi-bold;
 }
 
 .alert-state-warning {
   color: $warn;
+  font-weight: $font-weight-semi-bold;
 }
 
 .alert-state-critical {
   color: $critical;
+  font-weight: $font-weight-semi-bold;
 }
 
 .alert-notify-emails {