From 6b688fd3384506de845c953765de9ec2359884fa Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Sun, 25 Feb 2024 15:20:16 +0100
Subject: [PATCH] Some fixes for #522

---
 css/base/vuetorrent/vuetorrent-base.css | 71 ++++++++++++++++++++++---
 1 file changed, 65 insertions(+), 6 deletions(-)

diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css
index f30ec284..1f4dca9d 100644
--- a/css/base/vuetorrent/vuetorrent-base.css
+++ b/css/base/vuetorrent/vuetorrent-base.css
@@ -15,6 +15,10 @@
 @import url("/css/defaults/placeholders.css");
 @import url("/css/defaults/transparent.css");
 
+:root {
+    --v-theme-accent: var(--accent-color):
+}
+
 @media (max-width: 720px) {
 
     .modal__body,
@@ -78,6 +82,10 @@ p,
     color: var(--text-hover);
 }
 
+.text-accent {
+    color: rgb(var(--accent-color)) !important;
+}
+
 .v-select__slot>label {
     color: var(--text-hover) !important;
 }
@@ -113,11 +121,11 @@ p,
 }
 
 /* TOP NAVBAR */
-[class*="theme--"].v-app-bar.v-toolbar.v-sheet {
+[class*="theme--"].v-app-bar.v-toolbar {
     color: var(--text) !important;
 }
 
-.v-app-bar.v-app-bar--hide-shadow {
+.v-toolbar[class*="theme--"] {
     background: var(--transparency-dark-25) !important;
 }
 
@@ -137,7 +145,7 @@ p,
 }
 
 /* SIDE MENU */
-.v-application .primary {
+.v-application .primary,.v-navigation-drawer  {
     background: var(--transparency-dark-25) !important;
     color: var(--text) !important;
 }
@@ -163,6 +171,18 @@ p,
     }
 }
 
+/* STATS */
+[class*="v-theme--"] .bg-secondary {
+    background-color: var(--transparency-light-15) !important;
+    border-color: rgba(255, 255, 255, .15) !important;
+}
+
+/* CURRENT SPEED */
+.v-navigation-drawer__content .v-sheet[class*="theme--"].bg-primary {
+    background-color: transparent !important;
+    border-color: rgba(255, 255, 255, .15) !important;
+}
+
 /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
 @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
 
@@ -184,6 +204,22 @@ p,
     caret-color: var(--v-download-base) !important;
 }
 
+/* TABS */
+
+.v-slide-group.v-tabs.v-tabs--horizontal.bg-primary{
+    background: var(--transparency-dark-25) !important;
+}
+
+.v-btn.v-slide-group-item--active.v-tab--selected {
+    background: var(--transparency-dark-35) !important;
+}
+
+/* BUTTON */
+.v-btn--variant-elevated, .v-btn--variant-flat {
+    background: rgb(var(--button-color)) !important;
+    color: var(--button-text) !important;
+}
+
 /* MODAL */
 .v-dialog [class*="theme--"].v-card,
 .v-dialog [class*="theme--"].v-tabs-items,
@@ -295,6 +331,15 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
 .v-text-field--outlined fieldset {
     border-color: rgba(255, 255, 255, .1) !important;
 }
+.v-field.v-field--variant-solo.v-theme--darkTheme {
+    background: var(--transparency-dark-25) !important;
+}
+.v-field--variant-solo, .v-field--variant-solo-filled, .v-field--variant-solo-inverted {
+    background: var(--transparency-dark-25) !important;
+    border-color: transparent;
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
+}
 
 /* DASHBOARD */
 
@@ -437,8 +482,21 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
     border-color: rgba(255, 255, 255, .2) !important;
 }
 
+.v-menu>.v-overlay__content>.v-card, .v-menu>.v-overlay__content>.v-sheet, .v-menu>.v-overlay__content>.v-list {
+    background: rgb(var(--drop-down-menu-bg));
+    border-radius: inherit;
+    overflow: auto;
+    height: 100%;
+    box-shadow: 0 5px 5px -3px var(--transparency-light-10) !important;
+}
+
+.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
+    background: transparent;
+    color: var(--link-color);
+}
+
 /* TABLE */
-[class*="theme--"].v-data-table {
+[class*="theme--"].v-data-table,.v-table {
     background: transparent;
     color: var(--text);
 }
@@ -512,6 +570,7 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
 /* SETTING */
 
 [class*="theme--"].v-list {
-    background: var(--transparency-light-05);
+    background: var(--transparency-dark-10);
     color: rgba(0,0,0,.87);
-}
\ No newline at end of file
+}
+