From 052ee80b8eaba4625ca7955b9638fc4b93bb764b Mon Sep 17 00:00:00 2001
From: rg9400 <39887349+rg9400@users.noreply.github.com>
Date: Sat, 10 Oct 2020 19:18:47 -0500
Subject: [PATCH 1/2] First attempt at fixing Duplicacy charts

Tried doing some chart fixes. The graph picker on the Storage tab is still pending, along with the mobile sidemenu. Might need a few more iterations
---
 CSS/themes/duplicacy/duplicacy-base.css | 26 ++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css
index ed51ec58..a712190b 100644
--- a/CSS/themes/duplicacy/duplicacy-base.css
+++ b/CSS/themes/duplicacy/duplicacy-base.css
@@ -95,14 +95,21 @@ body,
 }
 
 /* CHARTS */
-#chartStorages,
-#chartBackups {
-    filter: invert(100);
+.ct-label {
+    fill: var(--text);
+    color: var(--text);
 }
 
-.ct-label {
-    fill: #000;
-    color: #000;
+.ct-grid {
+    stroke: #777;
+}
+
+.tab-content {
+    border-color: transparent !important;
+}
+
+.vis-labelset .vis-label .vis-inner {
+    color: var(--text);
 }
 
 /* NAVBAR */
@@ -342,7 +349,8 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
 .table>thead>tr.active>th,
 .table>thead>tr>td.active,
 .table>thead>tr>th.active,
-.fixed-header th {
+.fixed-header th,
+row-clickable.active {
     background-color: rgb(0 0 0 / 25%);
 }
 
@@ -356,10 +364,6 @@ hr {
     border-top: 1px solid rgb(255 255 255 / 20%);
 }
 
-.row-clickable.active {
-    background-color: hsla(0,0%,100%,.08);
-}
-
 .list-group-item{
     background-color: transparent;
 }

From 109f86340dd1d687b8020e9130ab29f9dc7e1a7c Mon Sep 17 00:00:00 2001
From: rg9400 <39887349+rg9400@users.noreply.github.com>
Date: Sat, 10 Oct 2020 21:39:07 -0500
Subject: [PATCH 2/2] Duplicacy mobile active tab indicator, progress bar, word
 wrap

---
 CSS/themes/duplicacy/duplicacy-base.css | 27 +++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css
index a712190b..05104bd2 100644
--- a/CSS/themes/duplicacy/duplicacy-base.css
+++ b/CSS/themes/duplicacy/duplicacy-base.css
@@ -132,11 +132,16 @@ body,
 
 .sidebar .nav li.active>a:before,
 .off-canvas-sidebar .nav li.active>a:before,
-.sidebar .nav li.active>a:after,
-.off-canvas-sidebar .nav li.active>a:after {
+.sidebar .nav li.active>a:after {
     border-right: 17px solid var(--accent-color);
 }
 
+@media (min-width: 992px) {
+    .off-canvas-sidebar .nav li.active>a:after {
+        border-right: 17px solid var(--accent-color);
+    }
+}
+
 .sidebar[data-active-color="success"] .nav li.active>a,
 .off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
     color: var(--accent-color);
@@ -241,6 +246,10 @@ textarea {
     color: black;
 }
 
+.form-check-label{
+    word-break: break-word;
+}
+
 /* BUTTONS */
 .btn {
     color: var(--text);
@@ -373,6 +382,17 @@ hr {
     border-color: var(--accent-color);
 }
 
+/* PROGRESS BARS */
+.progress {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+.progress-bar {
+    background-color: var(--accent-color);
+}
+.progress span {
+color: var(--text);
+}
+
 /* FOOTER */
 .main-panel>.footer {
     background: rgb(0 0 0 / 0.25);
@@ -384,4 +404,7 @@ hr {
         box-shadow: 0 0 10px 0px #000000;
         background: var(--modal-bg-color);
     }
+    .off-canvas-sidebar .nav > li.active > a:after {
+        border-left: 17px solid var(--accent-color);
+    }
 }