diff --git a/serverside/style.css b/serverside/style.css
index 9cb63f2661bca3ed2323429551e949385cc72509..4c37e8ef59e8a910965d1fb0a8be13757969f0a8 100644
--- a/serverside/style.css
+++ b/serverside/style.css
@@ -1,389 +1,762 @@
/* PVEDiscordDark Theme by Weilbyte - https://github.com/Weilbyte/PVEDiscordDark */
- .x-box-inner {
- overflow: hidden;
- position: relative;
- left: 0;
- top: 0;
- background: #23272a;
- /* 23272a */
-}
- .x-body {
- color: #ffffff;
- font-size: 13px;
- line-height: 17px;
- font-weight: 300;
- font-family: helvetica, arial, verdana, sans-serif;
- background: #fff;
-}
- .x-viewport, .x-viewport > .x-body {
- background: #23272a;
-}
-/* Search fields color change and remove ugly border around them */
- .x-form-text-default {
- color: #818082;
- padding: 0px 6px 2px;
- background-color: #4a4d53;
- font: 300 13px/17px helvetica, arial, verdana, sans-serif;
- min-height: 22px;
-}
- .x-form-trigger-wrap-default {
- border-width: 0px;
- border-style: solid;
- border-color: #cfcfcf;
-}
-/* Change dropdown field color and icon (images/form/trigger.png) */
- .x-form-trigger-default {
- width: 22px;
- background: 0 center #72767d url(/pve2/images/dd_trigger.png) no-repeat;
-}
-/* Text color */
- .x-panel-body-default {
- background: #2c2f33;
- border-color: #ffffff;
- color: #ffffff;
- font-size: 13px;
- font-weight: 300;
- font-family: helvetica, arial, verdana, sans-serif;
- border-width: 0;
- border-style: solid;
-}
-/* Cell (item in list) color change */
- .x-grid-cell-inner, .x-grid-cell-rowbody {
- background: #2c2f33;
- color: #ffffff;
-}
- .x-toolbar-default {
- background-color: #2c2f33;
-}
- .x-toolbar {
- background: #2c2f33;
-}
- #toolbar-1069-innerCt {
- background: #2c2f33;
-}
- .x-autocontainer-innerCt {
- background: #2c2f33;
-}
- [id^="toolbar"] {
- background: #2c2f33;
-}
-/* Legends. The buttons under the graphs. */
- [id^="legend"] {
- background: #23272a;
- border-color: red;
-}
- .x-legend-item {
- background: #2c2f33;
- color: #ffffff;
- border-width: 0;
-}
- .x-legend-container {
- background: #2c2f33;
- border-width: 0px;
- border-radius: 0;
- box-shadow: rgba(0, 0, 0, 0) 0 0px 0px;
-}
- .x-legend.x-docked-top .x-legend-item, .x-legend.x-docked-bottom .x-legend-item, .x-legend-panel.x-docked-top .x-legend-item, .x-legend-panel.x-docked-bottom .x-legend-item {
- border-left: 0;
- border-bottom: 0;
-}
-/* Treelist (The menu category per node) */
- .x-treelist-item-leaf, .x-treelist-container, .x-treelist-row, .x-treelist-row-with-icon, .x-treelist-item-expandable, .x-treelist-item-wrap, .x-treelist-item-text, .x-treelist-item-icon {
- background: #2c2f33;
- color: #ffffff;
-}
- .x-treelist-item-selected > .x-treelist-row {
- background-color: #23272a;
-}
- .x-treelist-row-over {
- color: yellow;
-}
- .x-treelist-row-over > * > .x-treelist-item-text{
- color: #7289da;
- transition:color 0.5s
-}
- .x-treelist-row-over > * > .x-treelist-item-icon{
- color: #7289da;
- transition:color 0.5s
-}
- .fa-ceph:before {
- background-image: url(/pve2/images/dd_cephwhite.png);
-}
- .x-treelist-row-over > * > .fa-ceph:before {
- background-image: url(/pve2/images/dd_cephblurp.png);
- background-size: 14px 14px;
- transition:background-image 0.5s
-}
- .x-toolbar-default {
- border-top-width: 0;
-}
-/* Summary page - Load bars, icon color tweaks, and more */
- .x-progress {
- background: #2c2f33;
-}
- .x-progress-bar {
- background-color: #7289da !important;
-}
- .x-progress-text.x-progress-text-back, .x-progress-text {
- color: #ffffff !important;
-}
- .x-component.x-box-item.x-component-default {
- background: #23272a;
-}
- .x-panel-header {
- background: #23272a;
- border: 0;
-}
- .x-title-text {
- color: #7289da;
-}
-/* Buttons */
- .x-btn {
- background: #7289da;
- border-width: 0;
-}
- .x-btn-inner, .x-btn-inner.x-btn-inner-default-small {
- color: #ffffff;
-}
- #button-1030 {
- background: #23272a;
- border-width: 1px;
- border-color: #d23d3f;
-}
- .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-btn-default-small.x-btn-over, .x-menu-item-focus {
- background-color: #677bc4;
-}
- .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active {
- background-color: #677bc4;
-}
- .x-btn-disabled {
- background-image:none;
- background-color: #737fab !important;
-}
-/* Specific button colors - white/green/red/yellow */
- .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-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-fw.fa-ellipsis-v, .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle, .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-play, .x-btn-inner.x-btn-inner-default-toolbar-small, .x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear, .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-clone, .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-heartbeat, .x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o, .x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop, .x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube, .x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal {
- color: #ffffff;
-}
- .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play, .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play {
- color: #43b581;
-}
- .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off, .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-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 {
- color: #faa61a;
-}
-/* Menus */
- .x-menu-item, .x-menu-default {
- background: #7289da;
- border-width: 0;
- border-style: none;
-}
- .x-menu-item-text {
- color: #ffffff;
-}
- .x-menu-item-default.x-menu-item-separator {
- height: 0;
- border-top-width: 0;
- margin: 0 0;
- padding: 0;
-}
- .x-menu-header {
- border-width: 0;
- border-radius: 1px;
- background: #23272a;
-}
-/* Tooltips n Stuff! */
- [id^="tooltip"] {
- background: #7289da;
- color: #ffffff;
- border-width: 0;
-}
- [id^="ext-quicktips-tip-body"], [id^="ext-quicktips-tip-innerCt"], [id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"], [id^="ext-form-error"], .x-tip-default {
- background-color: #7289da;
- color: #ffffff;
- border-width: 0;
- border-radius: 0;
-}
-/* Little graph button boyes on Summary page */
- .x-tool-img {
- background-image: url(/pve2/images/dd_tool-sprites.png);
+.x-box-inner {
+overflow:hidden;
+position:relative;
+left:0;
+top:0;
+background:#23272a;
+}
+
+.x-body {
+color:#fff;
+font-size:13px;
+line-height:17px;
+font-weight:300;
+font-family:helvetica, arial, verdana, sans-serif;
+background:#fff;
+}
+
+.x-viewport {
+background:#23272a;
+}
+
+.x-viewport > .x-body {
+background:#23272a;
+}
+
+.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;
+}
+
+.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-grid-cell-inner {
+background:#2c2f33;
+color:#fff;
+}
+
+.x-grid-cell-rowbody {
+background:#2c2f33;
+color:#fff;
+}
+
+.x-toolbar-default {
+background-color:#2c2f33;
+border-width:0;
+}
+
+.x-toolbar {
+background:#2c2f33;
+}
+
+#toolbar-1069-innerCt {
+background:#2c2f33;
+}
+
+.x-autocontainer-innerCt {
+background:#2c2f33;
+}
+
+[id^="toolbar"] {
+background:#2c2f33;
+}
+
+[id^="legend"] {
+background:#23272a;
+border-color:red;
+}
+
+.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-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-item-selected > .x-treelist-row {
+background-color:#23272a;
+}
+
+.x-treelist-row-over {
+color:#FF0;
+}
+
+.x-treelist-row-over > * > .x-treelist-item-text {
+color:#7289da;
+transition:color .5s;
+}
+
+.x-treelist-row-over > * > .x-treelist-item-icon {
+color:#7289da;
+transition:color .5s;
+}
+
+.fa-ceph:before {
+background-image:url(/pve2/images/dd_cephwhite.png);
+}
+
+.x-treelist-row-over > * > .fa-ceph:before {
+background-image:url(/pve2/images/dd_cephblurp.png);
+background-size:14px 14px;
+transition:background-image .5s;
+}
+
+.x-progress {
+background:#2c2f33;
+}
+
+.x-progress-bar {
+background-color:#7289da!important;
+}
+
+.x-progress-text.x-progress-text-back {
+color:#fff!important;
+}
+
+.x-progress-text {
+color:#fff!important;
+}
+
+.x-component.x-box-item.x-component-default {
+background:#23272a;
+}
+
+.x-panel-header {
+background:#23272a;
+border:0;
+}
+
+.x-title-text {
+color:#7289da;
+}
+
+.x-btn {
+background:#7289da;
+border-width:0;
+}
+
+.x-btn-inner {
+color:#fff;
+}
+
+.x-btn-inner.x-btn-inner-default-small {
+color:#fff;
+}
+
+#button-1030 {
+background:#23272a;
+border-color:#d23d3f;
+border-width:1px;
+}
+
+.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
+background-color:#677bc4;
+}
+
+.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over {
+background-color:#677bc4;
+}
+
+.x-menu-item-focus {
+background-color:#677bc4;
+}
+
+.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active {
+background-color:#677bc4;
+}
+
+.x-btn-disabled {
+background-image:none;
+background-color:#737fab!important;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small {
+color:#fff;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo {
+color:#fff;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal {
+color:#fff;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v {
+color:#fff;
+}
+
+.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-toolbar-small.fa.fa-send-o {
+color:#fff;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play {
+color:#43b581;
+}
+
+.x-btn-inner.x-btn-inner-default-toolbar-small {
+color:#fff;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat {
+color:#fff;
+}
+
+.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-desktop {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal {
+color:#fff;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play {
+color:#43b581;
+}
+
+.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off {
+color:#d23d3f;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop {
+color:#d23d3f;
+}
+
+.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop {
+color:#d23d3f;
+}
+
+.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 {
+color:#faa61a;
+}
+
+.x-menu-item {
+background:#7289da;
+border-style:none;
+border-width:0;
+}
+
+.x-menu-default {
+background:#7289da;
+border-style:none;
+border-width:0;
+}
+
+.x-menu-item-text {
+color:#fff;
+}
+
+.x-menu-item-default.x-menu-item-separator {
+height:0;
+border-top-width:0;
+margin:0;
+padding:0;
+}
+
+.x-menu-header {
+border-radius:1px;
+background:#23272a;
+border-width:0;
+}
+
+[id^="tooltip"] {
+background:#7289da;
+color:#fff;
+border-width:0;
+}
+
+[id^="ext-quicktips-tip-body"] {
+background-color:#7289da;
+color:#fff;
+border-radius:0;
+border-width:0;
+}
+
+[id^="ext-quicktips-tip-innerCt"] {
+background-color:#7289da;
+color:#fff;
+border-radius:0;
+border-width:0;
+}
+
+[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] {
+background-color:#7289da;
+color:#fff;
+border-radius:0;
+border-width:0;
+}
+
+[id^="ext-form-error"] {
+background-color:#7289da;
+color:#fff;
+border-radius:0;
+border-width:0;
+}
+
+.x-tip-default {
+background-color:#7289da;
+color:#fff;
+border-radius:0;
+border-width:0;
+}
+
+.x-tool-img {
+background-image:url(/pve2/images/dd_tool-sprites.png);
+}
+
+.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-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 {
+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-form-text {
+color:#fff;
+}
+
+.x-form-item-label-inner-default {
+color:#fff;
+}
+
+.x-window-text {
+color:#fff;
+}
+
+.x-form-display-field {
+color:#fff;
+}
+
+.x-component {
+color:#fff;
+}
+
+.x-mask {
+background-color:rgba(26,26,29,0.27);
+}
+
+.x-splitter-collapsed .x-layout-split-bottom {
+background-image:url(/pve2/images/dd_mini-top.png);
+}
+
+.x-layout-split-bottom {
+background-image:url(/pve2/images/dd_mini-bottom.png);
+}
+
+.x-tab {
+background:#737fab;
+color:#fff;
+border-width:0;
+}
+
+.x-tab-inner {
+color:#fff;
+}
+
+.x-tab-active {
+background:#7289da!important;
+border-width:0!important;
+}
+
+.x-tab-over {
+background:#7289da!important;
+border-width:0!important;
+}
+
+.x-tab-default-focus {
+background:#7289da!important;
+border-width:0!important;
+}
+
+.x-tab-focus {
+background:#7289da!important;
+border-width:0!important;
+}
+
+.x-tab-bar-body {
+background:#23272a;
+}
+
+.x-tab-disabled {
+background:#737fab!important;
+}
+
+.x-column-header-inner {
+background:#2c2f33;
+border-width:0!important;
+}
+
+.x-column-header-default {
+background:#2c2f33;
+border-width:0!important;
+}
+
+.x-grid-item {
+background:#2c2f33;
+border-width:0!important;
+}
+
+.x-grid-header-ct {
+background:#2c2f33;
+border-width:0!important;
+}
+
+.x-column-header-text-inner {
+color:#fff;
+}
+
+.x-column-header-trigger {
+border-color:#23272a;
+}
+
+.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default {
+color:#fff;
+}
+
+.x-grid-group-title {
+color:#fff;
+}
+
+[id^="pveNodeStatus"] {
+background:#23272a;
+}
+
+div[id^="pveNotesView-"][id$="-innerCt"] {
+background:#23272a;
+}
+
+img[src^="/pve2/images/proxmox_logo"] {
+background:#23272a;
+content:url(/pve2/images/dd_logo.png);
+}
+
+[id^="versioninfo"] {
+background:#23272a;
+}
+
+[id^="proxmoxGauge"] {
+background:#23272a;
+}
+
+div[id^="panel-"][id$="-body"] {
+background:#23272a;
+}
+
+.x-surface-canvas {
+border-radius:3px;
+}
+
+.x-component.x-fieldset-header-text.x-component-default {
+color:#fff;
+}
+
+.x-fieldset-default {
+border:1px solid #7289da;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server {
+color:#7289da!important;
+}
+
+.fa-building.online {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop {
+color:#7289da!important;
+}
+
+.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube {
+color:#7289da!important;
+}
+
+.x-grid-group-hd.x-grid-group-hd-collapsible {
+background:#23272a;
+color:#fff;
+border-width:0;
}
-/* Form boyes (such as Notes, Login, etc) */
- .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, .x-window-body {
- background: #23272a;
- border-bottom-width: 0;
- border-right-width: 0;
-}
- .x-window-default{
- border-color: #23272a;
- border-width: 0;
- border-radius: 0;
+
+.x-splitter {
+background:#23272a;
}
- .x-window-default{
- border-radius: 0;
- padding:0 0 0 0;
- border-width:0;
- border-style: none;
- background-color: #23272a;
- box-shadow:none;
-}
- .x-window-default-mc{
- background-color: #23272a;
-}
- .x-window-body-default{
- 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;
- padding:9px 9px 9px 9px;
- border-width:0 !important;
- background-color:#23272a;
-}
- .x-form-text, .x-form-item-label-inner-default, .x-window-text, .x-form-display-field, .x-component {
- color: #ffffff;
-}
- .x-mask {
- background-color: rgba(26, 26, 29, 0.27);
-}
- .x-toolbar-default {
- border-width: 0;
-}
-/* Collapse boyes */
- .x-splitter-collapsed .x-layout-split-bottom {
- background-image: url(/pve2/images/dd_mini-top.png);
-}
- .x-layout-split-bottom {
- background-image: url(/pve2/images/dd_mini-bottom.png);
-}
-/* Tabs! */
- .x-tab {
- background: #737fab;
- border-width: 0;
- color: #ffffff;
-}
- .x-tab-inner {
- color: #ffffff;
-}
- .x-tab-active, .x-tab-over, .x-tab-default-focus, .x-tab-focus {
- background: #7289da !important;
- border-width: 0 !Important;
-}
- .x-tab-bar-body {
- background: #23272a;
-}
- .x-tab-disabled {
- background: #737fab !important;
-}
-/* Column boyes */
- .x-column-header-inner, .x-column-header-default, .x-grid-item, .x-grid-header-ct {
- background: #2c2f33;
- border-width: 0 !important;
- border-top-width: 0 !Important;
-}
- .x-column-header-text-inner {
- color: #ffffff;
-}
- .x-column-header-trigger {
- border-color: #23272a;
-}
-/* Text color fixes */
- .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default, .x-grid-group-title {
- color: #ffffff;
-}
-/* Panels for nodes and NodesView */
- [id^="pveNodeStatus"] {
- background: #23272a;
+
+.x-box-scroller {
+background:#2c2f33!important;
}
- div[id^="pveNotesView-"][id$="-innerCt"] {
- background: #23272a;
-}
-/* Logo change test */
- img[src^="/pve2/images/proxmox_logo"] {
- background: #23272a;
- content: url(/pve2/images/dd_logo.png);
+
+.x-box-scroller-body-vertical {
+background:#2c2f33!important;
}
- [id^="versioninfo"] {
- background: #23272a;
+
+.x-vertical-scroller {
+background:#2c2f33!important;
}
-/* Gauges and Canvas modification */
- [id^="proxmoxGauge"] {
- background: #23272a;
+
+.x-toolbar-vertical-scroller {
+background:#2c2f33!important;
}
- div[id^="panel-"][id$="-body"] {
- background: #23272a;
+
+.x-toolbar-default-vertical-scroller {
+background:#2c2f33!important;
}
- .x-surface-canvas {
- border-radius: 3px;
+
+.pve-itype-icon-processor {
+background-image:url(/pve2/images/dd_icon-cpu.png);
}
-/* Fieldset */
- .x-component.x-fieldset-header-text.x-component-default {
- color: #ffffff;
+
+.pve-itype-icon-memory {
+background-image:url(/pve2/images/dd_icon-ram.png);
}
- .x-fieldset-default {
- border: 1px solid #7289da;
+
+.pve-itype-icon-storage {
+background-image:url(/pve2/images/dd_icon-hdd.png);
}
-/* Server list icons */
- .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server, .fa-building.online, .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building, .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube, .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop, .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop, .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube {
- color: #7289da !important;
+
+.pve-itype-icon-swap {
+background-image:url(/pve2/images/dd_icon-swap.png);
}
-/* Group container boyes */
- .x-grid-group-hd.x-grid-group-hd-collapsible {
- background: #23272a;
- color: #ffffff;
- border-width: 0;
+
+.fa-fw.x-grid-icon-custom.fa.fa-database {
+color:#7289da;
}
-/* Splitter */
- .x-splitter {
- background: #23272a;
+
+.fa-fw.x-grid-icon-custom.fa.fa-desktop {
+color:#7289da;
}
-/* Scroller */
- .x-box-scroller, .x-box-scroller-body-vertical, .x-vertical-scroller, .x-toolbar-vertical-scroller, .x-toolbar-default-vertical-scroller {
- background: #2c2f33 !important;
+
+.fa-fw.x-grid-icon-custom.fa.fa-cube {
+color:#7289da;
}
-/* Header color fixes (NOT IN USE) div[id^="pveGuestStatusView-"][id$="_header-title-textEl"], div[id^="pveNotesView-"][id$="_header-title-textEl"], div[id^="proxmoxRRDChart"][id$="_header-title-textEl"], div[id^="pveNodeStatus"][id$="_header-title-textEl"], div[id^="pveDc"][id$="_header-title-textEl"], div[id^="panel-"][id$="_header-title-textEl"], div[id^="pveStorage"][id$="_header-title-textEl"], div[id^="pveStatusPanel"][id$="-placeholder-title-textEl"], div[id^="ext-comp-"][id$="_header-title-textEl"] {
- background: #23272a;
- color: #7289da;
-}
- */
-/* CPU/RAM/STORAGE/SWAP/etc icon color fixes */
- .pve-itype-icon-processor {
- background-image: url(/pve2/images/dd_icon-cpu.png);
-}
- .pve-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);
-}
-/* Datacenter Search icon color fix */
- .fa-fw.x-grid-icon-custom.fa.fa-database, .fa-fw.x-grid-icon-custom.fa.fa-desktop, .fa-fw.x-grid-icon-custom.fa.fa-cube {
- color: #7289da;
-}
-
-/* Hide ugly scrollbars */
+
html {
- overflow: scroll;
- overflow-x: hidden;
+overflow:scroll;
+overflow-x:hidden;
}
+
::-webkit-scrollbar {
- width: 0px; /* remove scrollbar space */
- background: transparent; /* optional: just make scrollbar invisible */
-}
-/* Fix template icons */
-.lxc:after, .qemu:after {
- background: transparent !important;
- color: #7289da;
- text-shadow: 0 0 0 #2c2f33 !Important;
-
-}
-/* Remove text shadow on some icons */
-.x-tree-icon-custom:after, .x-grid-icon-custom:after {
- text-shadow: 0 0 0 #2c2f33;
+width:0;
+background:transparent;
+}
+
+.lxc:after {
+background:transparent!important;
+color:#7289da;
+text-shadow:0 0 0 #2c2f33!important;
+}
+
+.qemu:after {
+background:transparent!important;
+color:#7289da;
+text-shadow:0 0 0 #2c2f33!important;
+}
+
+.x-tree-icon-custom:after {
+text-shadow:0 0 0 #2c2f33;
+}
+
+.x-grid-icon-custom:after {
+text-shadow:0 0 0 #2c2f33;
+}
+
+* {
+ font-weight: 350;
}