Merge pull request #400 from GilbN/develop

1.9.8

css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css

@@ -1,35 +1,19 @@
-/* Desktop */ 
+    .mantine-Avatar-root[class*="bazarr-"] img {
-@media (min-width: 752px) {
-    .header-icon.px-3.m-0.d-none.d-md-block img  {
         display: none !important;
     }
-    .header-icon.px-3.m-0.d-none.d-md-block:before {
-        background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-        display: inline-block;
-        width: 32px; 
-        height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-    }    
-} 
 
-/* Mobile */
+    .mantine-Avatar-root[class*="bazarr-"]:before {
-@media (max-width: 767px) {
-   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
-        display: none !important;
-    }   
-   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
         background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
         display: inline-block;
-        width: 32px; 
+        width: 32px;
         height: 32px;
-        content:"";
+        content: "";
-        background-size:  cover;
+        background-size: cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size: cover;
-        -moz-background-size:  cover;
+        -moz-background-size: cover;
         -o-background-size: cover;
-    } 
+    }
-}
+
+    #root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after {
+        content: " 4K";
+    }

css/addons/bazarr/bazarr-darker/bazarr-darker.css

@@ -37,30 +37,19 @@
 }
 
 /* HEADER */
-.header-container .bg-primary {
+.mantine-Header-root[class*="bazarr-"] {
     background-color: var(--header-color) !important;
+    border-bottom: 1px solid var(--transparency-light-15);
 }
 
 /* SIDE MENU */
-.sidebar-container {
+.mantine-Navbar-root[class*="bazarr-"] {
     background-color: var(--side-menu-color) !important;
     color: white !important;
 }
 
-.sidebar-container .sidebar-button {
+#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
-    color: var(--side-menu-link-color) !important;
+#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"],
-}
+#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
-
+    background: #262626 !important;
-.sidebar-container .sidebar-button {
-    background-color: var(--side-menu-color) !important;
-}
-.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
-    color: var(--side-menu-link-color) !important;
-    background-color: var(--side-menu-active) !important;
-}
-
-
-.sidebar-container .sidebar-button:hover {
-    background-color: var(--side-menu-active) !important;
-    color: var(--side-menu-link-color) !important;
 }

css/base/vuetorrent/vuetorrent-base.css

@@ -108,7 +108,7 @@ p,
 
 /* CARDS */
 [class*="theme--"].v-card {
-    background: var(--transparency-dark-50);
+    background: var(--transparency-dark-35);
     color: var(--text);
 }
 
@@ -223,6 +223,10 @@ p,
 button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
     fill: var(--button-text);
 }
+
+[class*="theme--"].v-btn.v-btn--has-bg .v-icon__svg {
+    fill: var(--button-text) !important;
+}
 .v-icon__svg{
     fill: rgb(var(--accent-color)) !important; 
 }
@@ -461,6 +465,13 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
     color: var(--text-hover);
 }
 
+[class*="theme--"].v-data-table .v-data-table__empty-wrapper {
+    color: var(--text);
+}
+
+[class*="theme--"].v-tabs-items {
+    background-color: transparent;
+}
 /* TOOLTIP */
 .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title,
 .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
@@ -496,4 +507,11 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
 
 .v-speed-dial__list .v-icon__svg {
     fill: var(--text-hover);
+}
+
+/* SETTING */
+
+[class*="theme--"].v-list {
+    background: var(--transparency-light-05);
+    color: rgba(0,0,0,.87);
 }