From a1545f7ac19145070418a207ebd15916cafc4389 Mon Sep 17 00:00:00 2001
From: deathbybandaid <github@deathbybandaid.net>
Date: Mon, 19 Dec 2022 15:59:47 -0500
Subject: [PATCH] 2022-12-19

---
 css/base/bazarr/bazarr-base.css    |   12 +-
 css/base/radarr/radarr-base.css    |    5 +-
 css/defaults/servarr-base.css      |   11 +
 css/theme-options/dracula.css      |    6 +-
 dbb-css/proxmox/PVEDiscordDark.css | 1256 ++++++++++++++++++++++++++++
 5 files changed, 1275 insertions(+), 15 deletions(-)
 create mode 100644 dbb-css/proxmox/PVEDiscordDark.css

diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css
index c655fb32..212ea5a9 100644
--- a/css/base/bazarr/bazarr-base.css
+++ b/css/base/bazarr/bazarr-base.css
@@ -17,14 +17,11 @@ html {
 
 /* TEXT */
 
-[class$="-label"]:not([class$="-Button-label"]) {
+[class$="-label"]:not([class$="-Button-label"]),
+label {
     color: var(--text-hover) !important;
 }
 
-.bazarr-Text-root[class*="bazarr-"]:not(.bazarr-Badge-light span div):not(.bazarr-Progress-bar div):not(a) {
-    color: var(--text);
-}
-
 a,
 .bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"] {
     color: var(--link-color);
@@ -60,11 +57,6 @@ h6,
     background: var(--transparency-dark-25);
 }
 
-.bazarr-Button-icon.bazarr-Button-leftIcon[class*="bazarr-"] {
-    color: var(--text)
-}
-
-
 /* SIDEMENU */
 
 .bazarr-Navbar-root[class*="bazarr-"] {
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 04ecca7e..cc08399c 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -107,7 +107,8 @@
     background: var(--transparency-dark-25) !important;
 }
 
-[class*="MovieFileEditorTable-container-"] {
+[class*="MovieFileEditorTable-container-"],
+[class*="MovieHistoryTable-container-"] {
     border: 1px solid transparent;
     background: var(--transparency-dark-25);
 }
@@ -284,4 +285,4 @@
 /* Custom filter */
 [class*="SelectMovieModalContent-path-"] {
     color: var(--text);
-}
\ No newline at end of file
+}
diff --git a/css/defaults/servarr-base.css b/css/defaults/servarr-base.css
index c225616b..d98541eb 100644
--- a/css/defaults/servarr-base.css
+++ b/css/defaults/servarr-base.css
@@ -127,6 +127,17 @@ a:hover {
     border: 2px solid var(--text-hover);
 }
 
+[class*="LoadingPage-page-"] {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
 /* MODAL */
 [class*="ModalHeader-modalHeader-"] {
     background: var(--modal-header-color);
diff --git a/css/theme-options/dracula.css b/css/theme-options/dracula.css
index 8d2214f8..6e68c2cb 100644
--- a/css/theme-options/dracula.css
+++ b/css/theme-options/dracula.css
@@ -18,9 +18,9 @@
   --link-color-hover: #8be9fd;
   --label-text-color: #282a36;
     
-  --text:#6272a4;
-  --text-hover: #95adfa;
-  --text-muted: #999;
+  --text:#f8f8f2;
+  --text-hover: #fff;
+  --text-muted: #6272a4;
 
   /*Specials*/
   --arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/
diff --git a/dbb-css/proxmox/PVEDiscordDark.css b/dbb-css/proxmox/PVEDiscordDark.css
new file mode 100644
index 00000000..eff8413c
--- /dev/null
+++ b/dbb-css/proxmox/PVEDiscordDark.css
@@ -0,0 +1,1256 @@
+.x-body {
+  color: #fff;
+  font-size: 13px;
+  line-height: 17px;
+  font-weight: 300;
+  font-family: 'helvetica', 'arial', 'verdana', sans-serif;
+  background: #fff
+}
+
+.x-form-text-default {
+  color: #818082;
+  background-color: #4A4D53;
+  font: 300 13px/17px 'helvetica', 'arial', 'verdana', sans-serif;
+  min-height: 22px;
+  padding: 0 6px 2px
+}
+
+.x-form-trigger-wrap-default {
+border-color: #cfcfcf;
+border-style: solid;
+border-width: 0
+}
+
+.x-form-trigger-default {
+width: 22px;
+background: 0 center #72767d url("/pve2/images/dd_trigger.png") no-repeat
+}
+
+.pmx-clear-trigger {
+background-image: url("/pve2/images/dd_clear-trigger.png")
+}
+
+.x-form-display-field {
+color: #707c80
+}
+
+.x-form-text {
+color: #fff
+}
+
+
+.x-form-item-label-inner-default {
+color: #fff
+}
+
+
+.x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default {
+border-radius: 6px;
+padding: 2px
+}
+
+
+.x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text {
+border-radius: 6px
+}
+
+
+.x-form-cb-label-default {
+color: inherit
+}
+
+
+.x-form-field-date .x-form-date-trigger {
+background-image: url("/pve2/images/dd_date-trigger.png")
+}
+
+
+.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
+border-style: solid;
+border-width: 1px;
+margin: -1px
+}
+
+
+.x-grid-cell-inner {
+background: transparent;
+color: #fff
+}
+
+
+.x-grid-cell-rowbody {
+background: #2C2F33;
+color: #fff
+}
+
+
+.x-grid-item {
+background: #2C2F33;
+border-width: 0 !important
+}
+
+.x-grid-item: hover,.x-grid-item.x-grid-item-selected {
+background-color: #4A4D53
+}
+
+.x-grid-item-alt {
+background: #23272a;
+border-width: 0 !important
+}
+
+.x-grid-header-ct {
+background: #2C2F33;
+border-width: 0 !important
+}
+
+.proxmox-apt-repos .x-grid-group-title,.x-grid-group-title {
+color: #fff
+}
+
+.x-grid-row-loading {
+background-image: url("/pve2/images/dd_loading.svg");
+background-size: 32px
+}
+
+.x-grid-group-hd.x-grid-group-hd-collapsible {
+background: #23272a;
+color: #fff;
+border-width: 0
+}
+
+.x-grid-icon-custom: after {
+text-shadow: 0 0 0 #2C2F33
+}
+
+.x-grid-icon-custom.lock-migrate: after {
+color: #faa61a
+}
+
+.x-grid-empty {
+background-color: inherit;
+color: #fff
+}
+
+.x-grid-row-summary .x-grid-cell,.x-grid-row-summary .x-grid-rowwrap,.x-grid-row-summary .x-grid-cell-rowbody {
+background-color: #23272a !important;
+border-color: #2C2F33
+}
+
+.x-box-scroller {
+background: #2C2F33 !important
+}
+
+.x-box-scroller-body-vertical {
+background: #2C2F33 !important
+}
+
+.x-box-inner {
+overflow: hidden;
+position: relative;
+left: 0;
+top: 0;
+top-background: #23272a
+}
+
+.x-box-scroller-right {
+background-image: url("/pve2/images/dd_default-scroll-left.png") !important;
+transform: rotateY(180deg)
+}
+
+.x-box-scroller-left {
+background-image: url("/pve2/images/dd_default-scroll-left.png") !important
+}
+
+.x-box-scroller-bottom {
+background-image: url("/pve2/images/dd_default-scroll-bottom.png") !important
+}
+
+.x-box-scroller-top {
+background-image: url("/pve2/images/dd_default-scroll-bottom.png") !important;
+transform: rotateX(180deg)
+}
+
+.x-treelist-item-leaf {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-container {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-row {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-row-with-icon {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-item-expandable {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-item-wrap {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-item-text {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-item-icon {
+background: #2C2F33;
+color: #fff
+}
+
+.x-treelist-row-over {
+color: #ff0
+}
+
+.x-treelist-row-over>*>.x-treelist-item-text {
+color: #526DD1;
+transition: color .5s
+}
+
+.x-treelist-row-over>*>.x-treelist-item-icon {
+color: #526DD1;
+transition: color .5s
+}
+
+.x-treelist-row-over>*>.x-treelist-item-icon.pve-itype-treelist-item-icon-cdrom {
+content: ' ';
+background: url("/pve2/images/dd_icon-cdblurp.png") no-repeat;
+background-size: 16px 16px;
+transition: background .5s;
+height: 16px;
+top: 50%
+}
+
+.x-treelist-row-over>*>.fa-ceph: before {
+background-image: url("/pve2/images/dd_cephblurp.png");
+background-size: 14px 14px;
+transition: background-image .5s
+}
+
+.x-treelist-item-selected>.x-treelist-row {
+background-color: #23272a
+}
+
+.x-treelist-item-selected>div>div>.pve-itype-treelist-item-icon-cdrom {
+content: ' ';
+background: url("/pve2/images/dd_icon-cdblurp.png") no-repeat;
+background-size: 16px 16px;
+transition: background .5s;
+height: 16px;
+top: 50%
+}
+
+.x-treelist-item-selected>div>div>.x-treelist-item-icon.fa.fa-ceph: before {
+background-image: url("/pve2/images/dd_cephblurp.png");
+background-size: 14px 14px;
+transition: background-image .5s
+}
+
+.x-treelist-item-selected>div>div>div {
+color: #526DD1
+}
+
+.x-legend-item {
+background: #2C2F33;
+color: #fff;
+border-width: 0
+}
+
+.x-legend-container {
+background: #2C2F33;
+border-radius: 0;
+box-shadow: rgba(0,0,0,0) 0 0 0;
+border-width: 0
+}
+
+.x-legend.x-docked-top .x-legend-item {
+border-left: 0;
+border-bottom: 0
+}
+
+.x-legend.x-docked-bottom .x-legend-item {
+border-left: 0;
+border-bottom: 0
+}
+
+.x-legend-panel.x-docked-top .x-legend-item {
+border-left: 0;
+border-bottom: 0
+}
+
+.x-legend-panel.x-docked-bottom .x-legend-item {
+border-left: 0;
+border-bottom: 0
+}
+
+.x-panel-header {
+background: #23272a;
+border: 0
+}
+
+.x-panel-body-default {
+background: #2C2F33;
+color: #fff;
+font-size: 13px;
+font-weight: 300;
+font-family: 'helvetica', 'arial', 'verdana', sans-serif;
+border-color: #fff;
+border-style: solid;
+border-width: 0
+}
+
+.x-toolbar-default {
+background-color: #2C2F33;
+border-width: 0
+}
+
+.x-toolbar {
+background: #2C2F33
+}
+
+.x-toolbar-vertical-scroller {
+background: #2C2F33 !important
+}
+
+.x-toolbar-default-vertical-scroller {
+background: #2C2F33 !important
+}
+
+.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default {
+color: #fff
+}
+
+.x-btn {
+background: #526DD1;
+border-width: 0
+}
+
+.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active {
+background-color: #677bc4
+}
+
+.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over {
+background-color: #677bc4
+}
+
+.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,.x-btn.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
+background-color: #677bc4
+}
+
+.x-btn-over.x-btn-default-toolbar-small {
+background-color: #677bc4
+}
+
+.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small,.x-btn-focus.x-btn-default-toolbar-small {
+background-color: #526DD1
+}
+
+.x-btn-inner {
+color: #fff
+}
+
+.x-btn-inner.x-btn-inner-default-small {
+color: #fff
+}
+
+.x-btn-inner.x-btn-inner-default-toolbar-small {
+color: #fff
+}
+
+.x-btn-disabled {
+background-image: none;
+background-color: #737fab !important
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-refresh {
+color: #fff
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play {
+color: #43b581
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off {
+color: #d23d3f
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle {
+color: #fff
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small,.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear {
+color: #fff
+}
+
+.x-btn-wrap-default-toolbar-small.x-btn-arrow-right: after {
+background-image: url("/pve2/images/dd_default-toolbar-small-arrow.png")
+}
+
+.x-btn-wrap-default-toolbar-small.x-btn-split-right: after {
+background-image: url("/pve2/images/dd_default-toolbar-small-s-arrow.png")
+}
+
+.x-column-header-inner {
+background: #23272a;
+border-width: 0 !important
+}
+
+.x-column-header-default {
+background: #2C2F33;
+border-width: 0 !important
+}
+
+.x-column-header-text-inner {
+color: #fff
+}
+
+.x-column-header-trigger {
+border-color: #23272a
+}
+
+.x-tab {
+background: #737fab;
+color: #fff;
+border-width: 0
+}
+
+.x-tab-inner {
+color: #fff
+}
+
+.x-tab-active {
+background: #526DD1 !important;
+border-width: 0 !important
+}
+
+.x-tab-over {
+background: #526DD1 !important;
+border-width: 0 !important
+}
+
+.x-tab-default-focus {
+background: #526DD1 !important;
+border-width: 0 !important
+}
+
+.x-tab-focus {
+background: #526DD1 !important;
+border-width: 0 !important
+}
+
+.x-tab-bar-body {
+background: #23272a
+}
+
+.x-tab-disabled {
+background: #737fab !important
+}
+
+.x-window-body {
+background: #23272a;
+border-bottom-width: 0;
+border-right-width: 0
+}
+
+.x-window-default {
+border-radius: 0;
+background-color: #23272a;
+box-shadow: none;
+border-color: #23272a;
+border-style: none;
+border-width: 0;
+padding: 0
+}
+
+.x-window-default-mc {
+background-color: #23272a
+}
+
+.x-window-body-default {
+color: white;
+border-width: 0 !important
+}
+
+.x-window-header-default-top {
+border-top-left-radius: 0 !important;
+border-top-right-radius: 0 !important;
+border-bottom-right-radius: 0 !important;
+border-bottom-left-radius: 0 !important;
+background-color: #23272a;
+border-width: 0 !important;
+padding: 9px
+}
+
+.x-window-text {
+color: #fff
+}
+
+.x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct {
+background: #23272a;
+border-bottom-width: 0;
+border-right-width: 0
+}
+
+.x-message-box .x-window-body {
+background-color: #2C2F33
+}
+
+.x-viewport {
+background: #23272a
+}
+
+.x-viewport>.x-body {
+background: #23272a
+}
+
+.x-menu-item-focus {
+background-color: #677bc4
+}
+
+.x-menu-item {
+background: #526DD1;
+border-style: none;
+border-width: 0
+}
+
+.x-menu-default {
+background: #526DD1;
+border: 1px solid #23272a
+}
+
+.x-menu-item-text {
+color: #fff
+}
+
+.x-menu-header {
+border-radius: 1px;
+background: #23272a;
+border-width: 0
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-building,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-folder,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-floppy-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-group,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-user,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-user-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-bar-chart,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-address-book-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clock-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-shield,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-text-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-yahoo {
+color: #fff
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play {
+color: #43b581
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-power-off {
+color: #d23d3f
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-pause,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-download {
+color: #faa61a
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o {
+color: #fff
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop {
+color: #d23d3f
+}
+
+.x-menu-item-default.x-menu-item-separator {
+height: 0;
+border-top-width: 0;
+margin: 0;
+padding: 0
+}
+
+div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"],div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"],div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item"],div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item"] {
+background: #2C2F33
+}
+
+div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"],div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"],div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item-focus"]>a,div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item-focus"]>a {
+background: #23272a
+}
+
+div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"]>a[aria-disabled="true"],div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(2)>div>div[class*="x-menu-item"]>a[aria-disabled="true"],div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item"]>a[aria-disabled="true"],div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div>div: nth-child(2)>div>div[class*="x-menu-item"]>a[aria-disabled="true"] {
+opacity: 0.5;
+background: #23272a
+}
+
+div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(3)>div: nth-child(1)>div[class*="x-menu-item"] {
+background: inherit
+}
+
+div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div: nth-child(2)>div: nth-child(3)>div: nth-child(1)>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"] {
+background: #23272a
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube {
+color: #666 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-fw.fa-unlock {
+color: white
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop.stopped {
+color: #666 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database {
+color: #526DD1 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o: before {
+color: rgba(82,109,209,0.6)
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o: after {
+color: #666;
+background: transparent;
+text-shadow: none
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-building.online: before {
+color: #526DD1
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-tags {
+color: #666 !important
+}
+
+.x-tree-icon.x-tree-icon-custom.lock-migrate: after {
+color: #faa61a
+}
+
+.x-tree-icon-parent-expanded: not(.x-tree-icon-custom): before,.x-tree-icon-parent: not(.x-tree-icon-custom): before {
+color: white
+}
+
+.x-tree-icon-custom: after {
+text-shadow: 0 0 0 #2C2F33
+}
+
+.x-tree-arrows .x-tree-expander {
+background-image: url("/pve2/images/dd_arrows.png")
+}
+
+.x-progress {
+background: #2C2F33
+}
+
+.x-progress-default .x-progress-bar-default {
+background-color: #43b581
+}
+
+.x-progress-text {
+color: #fff !important
+}
+
+.x-progress-text.x-progress-text-back {
+color: #fff !important
+}
+
+.x-tip-default {
+background-color: #526DD1;
+color: #fff;
+border-radius: 0;
+border-width: 0
+}
+
+.x-component {
+color: #fff
+}
+
+.x-component.x-box-item.x-component-default {
+background-color: transparent
+}
+
+.x-component.x-fieldset-header-text.x-component-default {
+color: #fff
+}
+
+.x-autocontainer-innerCt {
+background: #2C2F33
+}
+
+.x-title-text {
+color: #526DD1
+}
+
+.x-mask {
+background-color: rgba(26,26,29,0.27)
+}
+
+.x-surface-canvas {
+border-radius: 3px
+}
+
+.x-fieldset-default {
+border: 1px solid #526DD1
+}
+
+.x-vertical-scroller {
+background: #2C2F33 !important
+}
+
+.x-css-shadow {
+display: none
+}
+
+.critical {
+color: #ba2b2d
+}
+
+.warning {
+color: #faa61a
+}
+
+.proxmox-warning-row {
+background-color: rgba(250,166,26,0.35)
+}
+
+.install-mask {
+color: white;
+background-color: #23272a
+}
+
+hr[class*="x-component"] {
+border-width: 1px;
+border-bottom-width: 0px;
+border-color: rgba(82,109,209,0.35)
+}
+
+.x-splitter {
+background: #23272a
+}
+
+.x-splitter-collapsed .x-layout-split-bottom {
+background-image: url("/pve2/images/dd_mini-top.png")
+}
+
+.x-boundlist-item {
+color: white;
+background-color: #2C2F33;
+border: none
+}
+
+.x-boundlist-item: hover {
+background-color: #4A4D53
+}
+
+.x-boundlist-item.x-boundlist-selected {
+background-color: #4A4D53
+}
+
+.x-boundlist {
+border-color: #23272a
+}
+
+.x-datepicker-column-header-inner {
+background-color: #2C2F33;
+color: white
+}
+
+.x-datepicker {
+border: none
+}
+
+.x-datepicker-date {
+background-color: #2C2F33;
+color: white;
+border: none
+}
+
+.x-datepicker-cell {
+border: 0.5px solid #4A4D53
+}
+
+.x-datepicker-header {
+background-color: #23272a
+}
+
+.x-datepicker-footer {
+background-color: #2C2F33
+}
+
+.x-monthpicker,.x-monthpicker-buttons {
+color: white;
+border: none;
+background-color: #2C2F33
+}
+
+.x-monthpicker-item-inner {
+color: white;
+border: none;
+opacity: 0.9
+}
+
+.x-monthpicker-months {
+border-color: #23272a
+}
+
+.x-monthpicker-selected,.x-datepicker-selected div.x-datepicker-date {
+border: none !important;
+color: white !important;
+opacity: 1;
+background-color: #4A4D53 !important
+}
+
+div[id^="pveDcHealth-"][id$="-body"],div[id^="pveDcGuests-"][id$="-body"],div[id^="pveDcSummary-"][id$="-innerCt"]>div: nth-child(3)>div: nth-child(2),div[id^="pveDcSummary-"][id$="-innerCt"]>div: nth-child(5)>div: nth-child(2)>div>div,div[id^="pveDcSummary-"][id$="-innerCt"]>div: nth-child(3)>div: nth-child(2)>div {
+background-color: #23272a
+}
+
+div[id^="pveDcSummary-"][id$="-innerCt"]>div: nth-child(4)>div: nth-child(3) {
+border: 1px solid #23272a
+}
+
+div[id^="proxmoxRRDChart-"]>div: nth-child(3)>div {
+background-color: #23272a
+}
+
+div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div {
+background: #23272a
+}
+
+#toolbar-1069-innerCt {
+background: #2C2F33
+}
+
+#button-1030 {
+background: #23272a;
+border: 1px solid #d23d3f
+}
+
+#menuitem-1030-iconEl {
+color: white
+}
+
+#menuitem-1031-iconEl {
+color: white
+}
+
+#menuitem-1032-iconEl {
+color: white
+}
+
+#menuitem-1034-iconEl {
+color: #c52d2f
+}
+
+[id^="pveNodeStatus"] {
+background: #23272a
+}
+
+div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div {
+background-color: #2C2F33
+}
+
+div[id^="pveGuestStatusView-"][id$="-body"] {
+background: #23272a
+}
+
+div[id^="pveStorageStatusView-"][id$="-body"] {
+background: #23272a
+}
+
+div[id^="pveNotesView-"][id$="-innerCt"] {
+background: #23272a
+}
+
+[id^="versioninfo"] {
+background: #23272a
+}
+
+[id^="proxmoxGauge"] {
+background: #23272a
+}
+
+[id^="tooltip"] {
+background: #526DD1;
+color: #fff;
+border-width: 0
+}
+
+[id^="ext-quicktips-tip-body"] {
+background-color: #526DD1;
+color: #fff;
+border-radius: 0;
+border-width: 0
+}
+
+[id^="ext-quicktips-tip-innerCt"] {
+background-color: #526DD1;
+color: #fff;
+border-radius: 0;
+border-width: 0
+}
+
+[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] {
+background-color: #526DD1;
+color: #fff;
+border-radius: 0;
+border-width: 0
+}
+
+[id^="ext-form-error"] {
+background-color: #526DD1;
+color: #fff;
+border-radius: 0;
+border-width: 0
+}
+
+[id^="toolbar"] {
+background: #2C2F33
+}
+
+[id^="legend"] {
+background: #23272a;
+border-color: red
+}
+
+a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]: before,span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]: before {
+color: #faa61a
+}
+
+a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]: before {
+color: #ba2b2d
+}
+
+#userinfo.x-btn {
+background-color: transparent !important;
+border: 1px solid #d23d3f !important
+}
+
+div[id="menu-1029-targetEl"]>div[class*="x-menu-item"] {
+background: #2C2F33
+}
+
+div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"] {
+background: #23272a
+}
+
+div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>div[class*="x-menu-item"]>a[aria-disabled="true"] {
+opacity: 0.5;
+background: #23272a
+}
+
+div[id^="form-"][id$="-innerCt"][style="height: 160px;
+ width: 356px;
+"],div[id^="fieldset-"][id$="-innerCt"] {
+background: #23272a
+}
+
+div[id="pkgversions"] {
+background-color: #2C2F33 !important
+}
+
+.pve-itype-icon-processor,.pmx-itype-icon-processor,.pve-itype-icon-cpu {
+background-image: url("/pve2/images/dd_icon-cpu.png")
+}
+
+.pve-itype-icon-memory,.pmx-itype-icon-memory {
+background-image: url("/pve2/images/dd_icon-ram.png")
+}
+
+.pve-itype-icon-storage {
+background-image: url("/pve2/images/dd_icon-hdd.png")
+}
+
+.pve-itype-icon-swap {
+background-image: url("/pve2/images/dd_icon-swap.png")
+}
+
+.pve-itype-icon-display {
+background-image: url("/pve2/images/dd_icon-display.png")
+}
+
+.x-grid-row-console {
+background-image: url("/pve2/images/dd_icon-display.png")
+}
+
+.pve-itype-icon-cdrom {
+background-image: url("/pve2/images/dd_icon-cd.png")
+}
+
+.pve-itype-treelist-item-icon-cdrom {
+content: ' ';
+background: url("/pve2/images/dd_icon-cd.png") no-repeat;
+background-size: 16px 16px;
+transition: background 2s;
+height: 16px;
+top: 50%
+}
+
+.pve-itype-icon-network {
+background-image: url("/pve2/images/dd_icon-network.png")
+}
+
+.pve-itype-icon-pci {
+background-image: url("/pve2/images/dd_icon-pci.png")
+}
+
+.pve-itype-icon-usb {
+background-image: url("/pve2/images/dd_icon-usb.png")
+}
+
+.pve-itype-icon-serial {
+background-image: url("/pve2/images/dd_icon-serial.png")
+}
+
+.pve-itype-icon-cloud {
+background-image: url("/pve2/images/dd_icon-cloud.png")
+}
+
+.pve-itype-icon-die {
+background-image: url("/pve2/images/dd_icon-die.svg")
+}
+
+.fa-exchange: before {
+color: white
+}
+
+.fa-usb: before {
+color: white
+}
+
+.fa-object-group: before {
+color: white
+}
+
+.fa-hdd-o: before {
+color: white
+}
+
+.fa-cloud: before {
+color: white
+}
+
+.x-treelist-item-icon.fa: before {
+color: inherit
+}
+
+.fa-volume-up: before {
+color: white
+}
+
+.fa-ceph: before {
+background-image: url("/pve2/images/dd_cephwhite.png")
+}
+
+.fa-sign-out: before {
+color: #ba2b2d
+}
+
+.fa-language: before {
+color: white
+}
+
+.fa-building.online {
+color: #526DD1 !important
+}
+
+.fa-window-restore: before {
+color: white
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-database {
+color: #666
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-database.available {
+color: #526DD1
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-desktop {
+color: #526DD1
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-desktop.stopped {
+color: #666
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-cube {
+color: #526DD1
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-cube.stopped {
+color: #666
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-file-o: before {
+color: rgba(82,109,209,0.6)
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-file-o: after {
+color: #666;
+background: transparent;
+text-shadow: none
+}
+
+.fa-fw.x-grid-icon-custom.fa.fa-tags {
+color: #666
+}
+
+.lxc: after {
+background: transparent !important;
+color: #526DD1;
+text-shadow: 0 0 0 #2C2F33 !important
+}
+
+.qemu: after {
+background: transparent !important;
+color: #526DD1;
+text-shadow: 0 0 0 #2C2F33 !important
+}
+
+.fa-network-wired: before {
+background-image: url("/pve2/images/dd_icon-fa-network-wired.svg")
+}
+
+.fa-sdn: before {
+background-image: url("/pve2/images/dd_icon-sdn.svg")
+}
+
+.fa-th: before,.fa-crosshairs: before {
+color: white
+}
+
+.proxmox-invalid-row {
+background-color: #401314
+}
+
+.usage {
+background-color: #526DD1
+}
+
+.usage-wrapper {
+border: 1px solid #526DD1
+}
+
+.x-tool-img {
+background-image: url("/pve2/images/dd_tool-sprites.png") !important
+}
+
+.x-layout-split-bottom {
+background-image: url("/pve2/images/dd_mini-bottom.png") !important
+}
+
+.pmx-hint {
+color: #faa61a;
+background-color: transparent
+}
+
+.pmx-md code {
+background-color: #2C2F33
+}
+
+.pmx-md pre code {
+border-left: 3px solid #4A4D53
+}
+
+.pmx-md tbody tr: nth-of-type(even) {
+background-color: #212427
+}
+
+.pmx-md thead tr {
+background-color: #1e2224
+}
+
+.pmx-md tbody td,.pmx-md tbody tr: last-of-type td {
+border-bottom: 1px solid #2f3438
+}
+
+.pmx-md tbody tr: hover td {
+background-color: #3a4146
+}
+
+div[id^="PVE-lxc-Config-"]: not([id$="-body"])>div: nth-child(1),div[id^="PVE-qemu-Config-"]: not([id$="-body"])>div: nth-child(1),div[id^="PVE-node-Config-"]: not([id$="-body"])>div: nth-child(1),div[id^="PVE-dc-Config-"]: not([id$="-body"])>div: nth-child(1),div[id^="PVE-storage-Browser"]: not([id$="-body"])>div: nth-child(1),div[id^="pvePanelConfig"]: not([id$="-body"])>div: nth-child(1) {
+border-bottom: 3px solid #23272a !important
+}
+
+div[id^="PVE-node-Config-"][id$="-body"],div[id^="PVE-dc-Config-"][id$="-body"],div[id^="PVE-qemu-Config-"][id$="-body"],div[id^="PVE-lxc-Config-"][id$="-body"],div[id^="PVE-storage-Browser"][id$="-body"],div[id^="pvePanelConfig"][id$="-body"] {
+border-left: 3px solid #23272a !important
+}
+
+.x-legend-horizontal .x-legend-item,.x-legend-horizontal .x-legend-item: first-child,.x-legend-horizontal .x-legend-item: last-child,.x-legend-vertical .x-legend-item,.x-legend-vertical .x-legend-item: first-child,.x-legend-vertical .x-legend-item: last-child {
+border: none
+}
+
+html {
+overflow: scroll;
+overflow-x: hidden
+}
+
+* {
+font-weight: 350
+}
+
+: : -webkit-scrollbar {
+width: 0;
+height: 6px;
+background: #4A4D53
+}
+
+: : -webkit-scrollbar: hover {
+background: #23272a
+}
+
+a {
+color: white
+}