Merge pull request #103 from rg9400/patch-3

First attempt at fixing Duplicacy charts

CSS/themes/duplicacy/duplicacy-base.css

@@ -95,14 +95,21 @@ body,
 }
 
 /* CHARTS */
-#chartStorages,
+.ct-label {
-#chartBackups {
+    fill: var(--text);
-    filter: invert(100);
+    color: var(--text);
 }
 
-.ct-label {
+.ct-grid {
-    fill: #000;
+    stroke: #777;
-    color: #000;
+}
+
+.tab-content {
+    border-color: transparent !important;
+}
+
+.vis-labelset .vis-label .vis-inner {
+    color: var(--text);
 }
 
 /* NAVBAR */
@@ -125,10 +132,15 @@ body,
 
 .sidebar .nav li.active>a:before,
 .off-canvas-sidebar .nav li.active>a:before,
-.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 {
@@ -234,6 +246,10 @@ textarea {
     color: black;
 }
 
+.form-check-label{
+    word-break: break-word;
+}
+
 /* BUTTONS */
 .btn {
     color: var(--text);
@@ -342,7 +358,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 +373,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;
 }
@@ -369,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);
@@ -380,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);
+    }
 }