From e1b71702593cba5fd7069ed7c3d0a7ec0ba5b1e6 Mon Sep 17 00:00:00 2001
From: Sarah Vaupel <vaupel.sarah@campus.lmu.de>
Date: Tue, 1 Oct 2019 14:37:17 +0200
Subject: [PATCH] style(tooltips): color styling

---
 frontend/src/utils/tooltips/tooltips.scss | 28 ++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/frontend/src/utils/tooltips/tooltips.scss b/frontend/src/utils/tooltips/tooltips.scss
index 7e1dac283..99c709221 100644
--- a/frontend/src/utils/tooltips/tooltips.scss
+++ b/frontend/src/utils/tooltips/tooltips.scss
@@ -10,7 +10,7 @@
 }
 
 .tooltip__handle {
-  color: var(--color-dark);
+  color: var(--color-light);
   height: 1.5rem;
   width: 1.5rem;
   line-height: 1.5rem;
@@ -31,12 +31,34 @@
     font-size: 15px;
   }
 
-  &.tooltip__handle--danger {
+  &.tooltip__handle.urgency__info {
+    color: var(--color-info);
+  }
+  &.tooltip__handle.urgency__success {
+    color: var(--color-success);
+  }
+  &.tooltip__handle.urgency__warning {
     color: var(--color-warning);
   }
+  &.tooltip__handle.urgency__error {
+    color: var(--color-error);
+  }
 
   &:hover {
-    color: var(--color-light);
+    color: var(--color-dark);
+
+    &.tooltip__handle.urgency__info {
+      color: var(--color-info-dark);
+    }
+    &.tooltip__handle.urgency__success {
+      color: var(--color-success-dark);
+    }
+    &.tooltip__handle.urgency__warning {
+      color: var(--color-warning-dark);
+    }
+    &.tooltip__handle.urgency__error {
+      color: var(--color-error-dark);
+    }
   }
 }