From 62cfc8484c16ba884ba67ac33fdbc58b529a44d8 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Thu, 12 Sep 2019 16:06:40 +0200
Subject: [PATCH] add css vars for grey tones

---
 scm-ui/styles/scm.scss | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index 5f13da601b..9fbbae806b 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -97,22 +97,15 @@ $danger-50: scale-color($danger, $lightness: 50%);
 $danger-25: scale-color($danger, $lightness: 75%);
 
 :root {
-  --dark: #{$dark};
-  --dark-75: #{$dark-75};
-  --dark-50: #{$dark-50};
-  --dark-25: #{$dark-25};
-  --info: #{$info};
-  --info-75: #{$info-75};
-  --info-50: #{$info-50};
-  --info-25: #{$info-25};
-  --link: #{$link};
-  --link-75: #{$link-75};
-  --link-50: #{$link-50};
-  --link-25: #{$link-25};
+  // asc sorted derived-variables
   --primary: #{$primary};
   --primary-75: #{$primary-75};
   --primary-50: #{$primary-50};
   --primary-25: #{$primary-25};
+  --info: #{$info};
+  --info-75: #{$info-75};
+  --info-50: #{$info-50};
+  --info-25: #{$info-25};
   --success: #{$success};
   --success-75: #{$success-75};
   --success-50: #{$success-50};
@@ -125,6 +118,18 @@ $danger-25: scale-color($danger, $lightness: 75%);
   --danger-75: #{$danger-75};
   --danger-50: #{$danger-50};
   --danger-25: #{$danger-25};
+  --light: #{$light};
+  --dark: #{$dark};
+  --dark-75: #{$dark-75};
+  --dark-50: #{$dark-50};
+  --dark-25: #{$dark-25};
+  --background: #{$background};
+  --border: #{$border};
+  --text: #{$text};
+  --link: #{$link};
+  --link-75: #{$link-75};
+  --link-50: #{$link-50};
+  --link-25: #{$link-25};
 }
 
 .has-background-dark-75 {