should fix up the last bugs mentioned in #102

CSS/themes/duplicacy/duplicacy-base.css

@@ -83,7 +83,21 @@ body,
 .content .card {
     box-shadow: none;
 }
-
+.text-danger {
+    color: #f05050;
+}
+.text-danger:hover {
+    color: #ec2626;
+}
+.text-primary {
+    color: var(--accent-color);
+}
+.text-primary:hover {
+    color: var(--accent-color-hover);
+}
+.status-success {
+    color: var(--link-color);
+}
 /* PLACEHOLDER TEXT */
 ::placeholder {
     color: var(--text) !important;
@@ -107,8 +121,18 @@ body,
 
 /* CARDS */
 .card {
-    background: rgb(255 255 255 / 8%);
-}
+    background: transparent
+ }
+ .col-sm-6 .card, .col-md-12 .card {
+    background: transparent !important;
+ }
+ .card-container,.col-xs-4 .card, .col-xs-12 .card, .col-xs-8 .card {
+    background: rgb(255 255 255 / 8%) !important;
+ }
+ 
+ div[id='schedule-0'],div[id='schedule-1'],div[id='schedule-2'],div[id='schedule-3'],div[id='schedule-4'],div[id='schedule-5'],div[id='schedule-6'],div[id='schedule-7'],div[id='schedule-8'],div[id='schedule-9'],div[id='schedule-10'],div[id='schedule-11'],div[id='schedule-12'],div[id='schedule-13'],div[id='schedule-14'],div[id='schedule-15'],div[id='schedule-16'],div[id='schedule-17'],div[id='schedule-18'],div[id='schedule-19'],div[id='schedule-20']{
+     background-color: rgb(255 255 255 / 8%);
+ }
 
 /* TIMELINE */
 .vis-timeline {
@@ -122,7 +146,7 @@ body,
 }
 
 .ct-grid {
-    stroke: #777;
+    stroke: var(--text);
 }
 
 .tab-content {
@@ -132,6 +156,20 @@ body,
 .vis-labelset .vis-label .vis-inner {
     color: var(--text);
 }
+/* STORAGE PAGE */
+.card .nav-tabs>li.active>a,.card  .nav-tabs>li.active>a:focus,.card .nav-tabs>li.active>a:hover {
+    color: var(--text);
+    cursor: default;
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid rgba(255, 255, 255, .25);
+    border-bottom-color: #eee;
+    border-radius: 6px 6px 0 0;
+}
+
+.card .nav > li > a:hover,.card .nav > li > a:focus {
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid transparent;
+}
 
 /* NAVBAR */
 .navbar-default .navbar-toggle .icon-bar {
@@ -274,6 +312,11 @@ textarea {
 /* BUTTONS */
 .btn {
     color: var(--text);
+    border-width: 1px;
+    border-radius: 4px;
+}
+.main-panel .btn:hover,.main-panel .btn:focus {
+    background: transparent;
 }
 
 .timepicker-spinner .btn:hover,
@@ -307,7 +350,8 @@ textarea {
 
 .btn-primary {
     border-color: var(--button-color);
-    color: var(--button-color);
+    background: var(--button-color);
+    color: var(--text);
 }
 
 .btn-primary:focus {
@@ -336,15 +380,16 @@ textarea {
 }
 
 div>div>div.modal-footer>button.btn.btn-default.pull-left {
-    border-color: #F44336;
-    color: #F44336;
+    border-color: #f05050;
+    background-color: #f05050;
+    color: var(--text);
 }
 
 div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
 .navbar .navbar-nav > li > a.btn-danger.btn-fill, .btn-danger.btn-fill {
-    border-color: #F44336;
+    border-color: #ec2626;
     color: var(--text-hover);
-    background-color: #F44336;
+    background-color: #ec2626;
 }
 
 .navbar .navbar-nav>li>a.btn-success,