From b5fb3036caae156a2f716624660be2d42e87af7d Mon Sep 17 00:00:00 2001
From: g <63980406+gugulet-hu@users.noreply.github.com>
Date: Tue, 15 Sep 2020 17:04:43 +0200
Subject: [PATCH] Troubeshooting visitor log colours

---
 stylesheets/components/_control.less     |  6 +-
 stylesheets/components/_menu.less        |  4 +-
 stylesheets/components/_sparkline.less   |  8 +--
 stylesheets/components/_visitor_log.less | 17 +++--
 stylesheets/components/_widget.less      | 88 +++++++++++-------------
 5 files changed, 63 insertions(+), 60 deletions(-)

diff --git a/stylesheets/components/_control.less b/stylesheets/components/_control.less
index 93b6eec..0bbb112 100644
--- a/stylesheets/components/_control.less
+++ b/stylesheets/components/_control.less
@@ -15,11 +15,11 @@
 
   &:hover {
     transition: .2s ease all;
-    background: #e6e6e6 !important;
-    color: rgba(0, 0, 0, .75) !important;
+    background: transparent !important;
+    color: #e6e6e6 !important;
 
     .title {
-      color: rgba(0, 0, 0, .75) !important;
+      color:@theme-color-header-text!important;
     }
   }
 }
\ No newline at end of file
diff --git a/stylesheets/components/_menu.less b/stylesheets/components/_menu.less
index 55f12eb..075e6cf 100644
--- a/stylesheets/components/_menu.less
+++ b/stylesheets/components/_menu.less
@@ -2,13 +2,13 @@
 
   ul {
     & > li > ul > li.active > .item {
-      background-color: #E6E6E6 !important;
+      background-color: transparent !important;
     }
 
     li {
 
       &.active > a {
-        background-color: #CECCD2 !important;
+        background-color: transparent !important;
       }
 
       a {
diff --git a/stylesheets/components/_sparkline.less b/stylesheets/components/_sparkline.less
index 17c37cc..975e2a4 100644
--- a/stylesheets/components/_sparkline.less
+++ b/stylesheets/components/_sparkline.less
@@ -1,6 +1,6 @@
 // sparkline colors
 .sparkline-colors[data-name="backgroundColor"] {
-     color: white;
+     color: @theme-color-background-base;
 }
 
 .sparkline-colors[data-name="lineColor"] {
@@ -8,11 +8,11 @@
 }
 
 .sparkline-colors[data-name="minPointColor"] {
-     color: #323036 //darken(#058DC7, 10);
+     color: #323036;
 }
 
 .sparkline-colors[data-name="maxPointColor"] {
-     color: #323036 //darken(#058DC7, 10);
+     color: #323036;
 }
 
 .sparkline-colors[data-name="lastPointColor"] {
@@ -20,5 +20,5 @@
 }
 
 .sparkline-colors[data-name="fillColor"] {
-     color: lighten(#323036, 55);
+     color: transparent;
 }
diff --git a/stylesheets/components/_visitor_log.less b/stylesheets/components/_visitor_log.less
index 2b6e7e9..e76602c 100644
--- a/stylesheets/components/_visitor_log.less
+++ b/stylesheets/components/_visitor_log.less
@@ -1,9 +1,16 @@
 .theWidgetContent h2 {
-  font-weight: 300 !important;
+     font-weight: 300 !important;
 }
 
 .dataTableVizVisitorLog .card {
-  box-shadow: none;
-  border: none;
-  border-radius: 0px;
-}
\ No newline at end of file
+     box-shadow: none;
+     border: none;
+     border-radius: 0px;
+}
+
+#visitsLive {
+     > .datetime,
+     > .settings {
+          background-color: @theme-color-background-base;
+     }
+}
diff --git a/stylesheets/components/_widget.less b/stylesheets/components/_widget.less
index 91cc485..1acb847 100644
--- a/stylesheets/components/_widget.less
+++ b/stylesheets/components/_widget.less
@@ -1,55 +1,51 @@
 .widget {
-  background-color: white;
-  box-shadow: none;
-  border: none !important;
+     background-color: transparent;
+     box-shadow: none;
+     border: none !important;
 
-  &:hover {
-    box-shadow: none;
-  }
+     &:hover {
+          box-shadow: none;
+     }
 
-  .widgetTop {
-    border: none;
-    background-color: transparent;
-    padding: 0 !important;
+     .widgetTop {
+          border: none;
+          background-color: transparent;
+          padding: 0 !important;
 
-    .buttons {
-      background: @theme-color-background-base;
-      top: 4px;
-      right: 0;
-      padding-left: 0;
+          .buttons {
+               background: transparent;
+               top: 4px;
+               right: 0;
+               padding-left: 0;
 
-      .button {
-        margin-top: 0px;
+               .button {
+                    margin-top: 0px;
 
-        &:first-child {
-          margin-right: 0;
-        }
-      }
-    }
+                    &:first-child {
+                         margin-right: 0;
+                    }
+               }
+          }
 
-    .widgetName {
-      padding: 0 0 15px 0 !important;
-      font-weight: 300;
-      color: @theme-color-header-text;
-    }
-  }
+          .widgetName {
+               padding: 0 0 15px 0 !important;
+               font-weight: 300;
+               color: @theme-color-header-text;
+          }
+     }
 
-  .widgetContent {
-    background-color: @theme-color-background-base;
-    /*border-radius: 2px;
-    border: none;
-    padding: 14px;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);*/
+     .widgetContent {
+          background-color: @theme-color-background-base;
+          padding-top: 15px;
+          box-shadow: none;
+          border: none;
+          border-radius: 0px;
+          overflow: hidden;
 
-    padding-top: 15px;
-    box-shadow: none;
-    border: none;
-    border-radius: 0px;
-    overflow: hidden;
-
-    .dataTable, .card {
-      margin-top: -15px;
-      border: none !important;
-    }
-  }
-}
\ No newline at end of file
+          .dataTable,
+          .card {
+               margin-top: -15px;
+               border: none !important;
+          }
+     }
+}