From bc97a13a6298e057bcaa922f668e827a4e0f1092 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 8 Mar 2022 16:41:49 -0800
Subject: [PATCH] fix logo coloring, saved view widget link, card coloring

---
 .../saved-view-widget/saved-view-widget.component.html |  2 +-
 src-ui/src/theme.scss                                  |  2 +-
 src-ui/src/theme_dark.scss                             | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
index 012ce625d..07f24c153 100644
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
@@ -1,6 +1,6 @@
 <app-widget-frame [title]="savedView.name">
 
-  <a header-buttons [routerLink]="[]" (click)="showAll()" i18n>Show all</a>
+  <a class="btn-link" header-buttons [routerLink]="[]" (click)="showAll()" i18n>Show all</a>
 
 
   <table content class="table table-sm table-hover table-borderless mb-0">
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 563b11c34..101f9decc 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -16,7 +16,7 @@
 }
 
 svg.logo {
-  .logo {
+  .leaf {
     fill: var(--bs-primary) !important;
   }
   .text {
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index c986e469c..7a39146d6 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -60,6 +60,12 @@ $border-color-dark-mode: #47494f;
     color: var(--bs-body-color) !important;
   }
 
+  .btn-outline-primary, .btn-primary {
+    &:hover, &:focus, &.active, &:active {
+      color: var(--bs-body-color) !important;
+    }
+  }
+
   .btn-outline-secondary {
     &:hover, &:focus, &.active, &:active {
       background-color: var(--ngx-bg-darker);
@@ -69,6 +75,10 @@ $border-color-dark-mode: #47494f;
 
   .card {
     background-color: var(--bs-body-bg);
+
+    .card-header {
+      background-color: rgba(0, 0, 0, 0.12);
+    }
   }
 
   .modal-content, .modal-header, .modal-body, .modal-footer {