From ddbf5e47a0a7c91ba267ff89b552ffbdf2e5c509 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Tue, 28 Sep 2021 14:39:53 +0200
Subject: [PATCH] Bug 29070: Use a variable to store the #666666 color

To prevent repetition

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
---
 koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss | 6 ++++--
 koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss    | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
index 570653873d..96ec3fd384 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
@@ -26,6 +26,8 @@ $footer-height: 45px;
 $sci-link-color: #0076B6;
 $sci-heading-color: #727272;
 
+$high-contrast-grey: #666666;
+
 @mixin shadowed {
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
 }
@@ -163,7 +165,7 @@ h1 {
 
     & > li {
         & > a {
-            color: #666666;
+            color: $high-contrast-grey;
             font-weight: bold;
         }
 
@@ -1288,7 +1290,7 @@ button {
 
 #koha_url {
     p {
-        color: #666666;
+        color: $high-contrast-grey;
         float: right;
         margin: 0;
     }
diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index 24f9089eab..96d6677f0b 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -554,7 +554,7 @@ th {
     padding: 15px;
 
     label {
-        color: #666666;
+        color: $high-contrast-grey;
         font-size: 115%;
         font-weight: bold;
         margin: 0;
@@ -1012,7 +1012,7 @@ div {
     }
 
     .label {
-        color: #666666;
+        color: $high-contrast-grey;
     }
 
     a {
@@ -1941,7 +1941,7 @@ nav {
 .suggestion {
     background-color: #F0F3F3;
     border: 1px solid #F0F3F3;
-    color: #666666;
+    color: $high-contrast-grey;
     margin: 1em auto;
     padding: .5em;
     width: 35%;
@@ -2396,7 +2396,7 @@ nav {
 
     h2 {
         background-color: #E2E8E8;
-        color: #666666;
+        color: $high-contrast-grey;
         font-size: 1.1rem;
         margin-top: 0;
         padding: 5px;
-- 
2.39.2