From 6bb5578c3a41bbf9b963c61ee9a1aae966753266 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 11 Jun 2023 08:32:52 +0200
Subject: [PATCH] [web] Use of Bulma color variables wherever possible

Avoid hard coded colors in the style sheet by using Bulma variables.
---
 web-src/src/mystyles.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index bf56d164..9fb9fd4c 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -10,8 +10,8 @@
   margin-top: 16px;
   margin-bottom: 16px;
   --slider-height: 4px;
-  --slider-connect-bg: hsl(0, 0%, 21%);
-  --slider-tooltip-bg: hsl(0, 0%, 21%);
+  --slider-connect-bg: #{$dark};
+  --slider-tooltip-bg: #{$dark};
   --slider-handle-ring-color: #3b82f630;
   --slider-handle-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.32);
   --slider-handle-shadow-active: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.42);
@@ -25,9 +25,9 @@
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   margin: 0 auto 16px auto;
   --slider-height: 4px;
-  --slider-connect-bg: hsl(171, 100%, 41%);
-  --slider-tooltip-bg: hsl(171, 100%, 41%);
-  --slider-handle-bg: hsl(171, 100%, 41%);
+  --slider-connect-bg: #{$primary};
+  --slider-tooltip-bg: #{$primary};
+  --slider-handle-bg: #{$primary};
   --slider-handle-border: 0;
   --slider-handle-width: 10px;
   --slider-handle-height: 10px;
@@ -107,7 +107,7 @@ a.navbar-item {
 .fd-tabs-section {
   padding-bottom: 3px;
   padding-top: 3px;
-  background: white;
+  background: #{white};
   top: 3.25rem;
   z-index: 20;
   position: fixed;
@@ -206,7 +206,7 @@ section.hero + section.fd-content {
 }
 .sortable-ghost h1,
 .sortable-ghost h2 {
-  color: hsl(348, 100%, 61%) !important;
+  color: #{$danger};
 }
 
 .media:first-of-type {