diff --git a/PVEDiscordDark/images/dd_arrows.png b/PVEDiscordDark/images/dd_arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d68addf8198ef2f57b88bd46305fe310c6651c5
Binary files /dev/null and b/PVEDiscordDark/images/dd_arrows.png differ
diff --git a/PVEDiscordDark/images/dd_default-toolbar-small-arrow.png b/PVEDiscordDark/images/dd_default-toolbar-small-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd6cf8d0a9cb7408b7b45774f307dac401c4b36d
Binary files /dev/null and b/PVEDiscordDark/images/dd_default-toolbar-small-arrow.png differ
diff --git a/PVEDiscordDark/images/dd_default-toolbar-small-s-arrow.png b/PVEDiscordDark/images/dd_default-toolbar-small-s-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..29c77f964f8c0b4d0eefb2cf23e8a341d3dd0d45
Binary files /dev/null and b/PVEDiscordDark/images/dd_default-toolbar-small-s-arrow.png differ
diff --git a/PVEDiscordDark/images/dd_icon-cdblurp.png b/PVEDiscordDark/images/dd_icon-cdblurp.png
new file mode 100644
index 0000000000000000000000000000000000000000..19f472f48009aaf6b6d3542b9adb1c9edcf1434d
Binary files /dev/null and b/PVEDiscordDark/images/dd_icon-cdblurp.png differ
diff --git a/PVEDiscordDark/sass/PVEDiscordDark.css b/PVEDiscordDark/sass/PVEDiscordDark.css
index ca76d6f9fbe2290542b285548861a63f31b38cbc..18343e0d64669fbfbfb65c2ed77efcae44062a51 100644
--- a/PVEDiscordDark/sass/PVEDiscordDark.css
+++ b/PVEDiscordDark/sass/PVEDiscordDark.css
@@ -1 +1 @@
-.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-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}.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-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-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:#7289da;-webkit-transition:color .5s;transition:color .5s}.x-treelist-row-over>*>.x-treelist-item-icon{color:#7289da;-webkit-transition:color .5s;transition:color .5s}.x-treelist-row-over>*>.fa-ceph:before{background-image:url("/pve2/images/dd_cephblurp.png");background-size:14px 14px;-webkit-transition:background-image .5s;transition:background-image .5s}.x-treelist-item-selected>.x-treelist-row{background-color:#23272a}.x-treelist-item-selected>div>div>div{color:#7289da}.x-legend-item{background:#2C2F33;color:#fff;border-width:0}.x-legend-container{background:#2C2F33;border-radius:0;-webkit-box-shadow:rgba(0,0,0,0) 0 0 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:#7289da;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-btn-focus.x-btn-default-toolbar-small{background-color:#7289da}.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{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-send-o{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-fw.fa-ellipsis-v{color:#fff}.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{color:#fff}.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear{color:#fff}.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:#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-window-body{background:#23272a;border-bottom-width:0;border-right-width:0}.x-window-default{border-radius:0;background-color:#23272a;-webkit-box-shadow:none;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:#7289da;border-style:none;border-width:0}.x-menu-default{background:#7289da;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{color:#fff}.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-folder{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-fw.fa-play{color:#43b581}.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-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-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-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"]{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"]{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"]{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:#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-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-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server{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-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-leaf.fa.fa-cube{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-leaf.fa.fa-fw.fa-unlock{color:white}.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.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-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:#7289da;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:#7289da}.x-mask{background-color:rgba(26,26,29,0.27)}.x-surface-canvas{border-radius:3px}.x-fieldset-default{border:1px solid #7289da}.x-vertical-scroller{background:#2C2F33 !important}.x-css-shadow{display:none}.critical{color:#ba2b2d}.warning{color:#faa61a}.install-mask{color:white;background-color:#23272a}.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{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:#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}[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}.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")}.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-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.png")}.fa-exchange:before{color:white}.fa-usb: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:#7289da !important}.fa-fw.x-grid-icon-custom.fa.fa-database{color:#7289da}.fa-fw.x-grid-icon-custom.fa.fa-desktop{color:#7289da}.fa-fw.x-grid-icon-custom.fa.fa-cube{color:#7289da}.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}.proxmox-invalid-row{background-color:#401314}.usage{background-color:#7289da}.usage-wrapper{border:1px solid #7289da}.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}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}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}
+.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-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}.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-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-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:#7289da;-webkit-transition:color .5s;transition:color .5s}.x-treelist-row-over>*>.x-treelist-item-icon{color:#7289da;-webkit-transition:color .5s;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;-webkit-transition:background .5s;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;-webkit-transition:background-image .5s;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;-webkit-transition:background .5s;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;-webkit-transition:background-image .5s;transition:background-image .5s}.x-treelist-item-selected>div>div>div{color:#7289da}.x-legend-item{background:#2C2F33;color:#fff;border-width:0}.x-legend-container{background:#2C2F33;border-radius:0;-webkit-box-shadow:rgba(0,0,0,0) 0 0 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:#7289da;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-btn-focus.x-btn-default-toolbar-small{background-color:#7289da}.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:#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-window-body{background:#23272a;border-bottom-width:0;border-right-width:0}.x-window-default{border-radius:0;background-color:#23272a;-webkit-box-shadow:none;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:#7289da;border-style:none;border-width:0}.x-menu-default{background:#7289da;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{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"]{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"]{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"]{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:#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-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-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server{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-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-leaf.fa.fa-cube{color:#7289da !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running{color:#7289da !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:#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-leaf.fa.fa-file-o:before{color:rgba(114,137,218,0.6)}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o:after{color:#7289da;background:transparent;text-shadow:none}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-building.online:before{color:#7289da}.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:#7289da;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:#7289da}.x-mask{background-color:rgba(26,26,29,0.27)}.x-surface-canvas{border-radius:3px}.x-fieldset-default{border:1px solid #7289da}.x-vertical-scroller{background:#2C2F33 !important}.x-css-shadow{display:none}.critical{color:#ba2b2d}.warning{color:#faa61a}.install-mask{color:white;background-color:#23272a}.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{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:#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}[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}.pve-itype-icon-processor,.pmx-itype-icon-processor{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;-webkit-transition:background 2s;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-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:#7289da !important}.fa-fw.x-grid-icon-custom.fa.fa-database{color:#7289da}.fa-fw.x-grid-icon-custom.fa.fa-desktop{color:#7289da}.fa-fw.x-grid-icon-custom.fa.fa-cube{color:#7289da}.fa-fw.x-grid-icon-custom.fa.fa-file-o:before{color:rgba(114,137,218,0.6)}.fa-fw.x-grid-icon-custom.fa.fa-file-o:after{color:#7289da;background:transparent;text-shadow:none}.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}.proxmox-invalid-row{background-color:#401314}.usage{background-color:#7289da}.usage-wrapper{border:1px solid #7289da}.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}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}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}
diff --git a/PVEDiscordDark/sass/_vars.sass b/PVEDiscordDark/sass/_vars.sass
index 569ceed05b6e1c1dd9fe59311f7428b3d85c0419..cf8cdfefd0eb23febd771e8a3e166c8dabb46f8f 100644
--- a/PVEDiscordDark/sass/_vars.sass
+++ b/PVEDiscordDark/sass/_vars.sass
@@ -2,6 +2,7 @@ $blurple: #7289da
$green: #43b581
$yellow: #faa61a
$red: #ba2b2d
+$redlight: #d23d3f
$dark: #2C2F33
$darker: #23272a
-$light: #4A4D53
\ No newline at end of file
+$light: #4A4D53
diff --git a/PVEDiscordDark/sass/special/_icons.sass b/PVEDiscordDark/sass/special/_icons.sass
index 85e1d7da6ba925199f4decff9f68fa0e79f5b3d5..d3169489a9670516e22b5fced361cb12ea8c46c3 100644
--- a/PVEDiscordDark/sass/special/_icons.sass
+++ b/PVEDiscordDark/sass/special/_icons.sass
@@ -1,7 +1,7 @@
-.pve-itype-icon-processor
+.pve-itype-icon-processor, .pmx-itype-icon-processor
background-image: url('/pve2/images/dd_icon-cpu.png')
-.pve-itype-icon-memory
+.pve-itype-icon-memory, .pmx-itype-icon-memory
background-image: url('/pve2/images/dd_icon-ram.png')
.pve-itype-icon-storage
@@ -19,6 +19,15 @@
.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%
+ // content: url('/pve2/images/dd_icon-cd.png')
+
.pve-itype-icon-network
background-image: url('/pve2/images/dd_icon-network.png')
@@ -35,7 +44,7 @@
background-image: url('/pve2/images/dd_icon-cloud.png')
.pve-itype-icon-die
- background-image: url('/pve2/images/dd_icon-die.png')
+ background-image: url('/pve2/images/dd_icon-die.svg')
.fa-exchange:before
color: white
@@ -50,7 +59,7 @@
color: white
.x-treelist-item-icon.fa:before
- color: inherit
+ color: inherit
.fa-volume-up:before
color: white
@@ -70,13 +79,17 @@
.fa-fw.x-grid-icon-custom.fa
&.fa-database
color: $blurple
-
&.fa-desktop
color: $blurple
-
&.fa-cube
color: $blurple
-
+ &.fa-file-o
+ &:before
+ color: rgba($blurple, 0.6)
+ &:after
+ color: $blurple
+ background: transparent
+ text-shadow: none
.lxc:after
background: transparent !important
@@ -86,4 +99,4 @@
.qemu:after
background: transparent !important
color: $blurple
- text-shadow: 0 0 0 $dark !important
\ No newline at end of file
+ text-shadow: 0 0 0 $dark !important
diff --git a/PVEDiscordDark/sass/x/_btn.sass b/PVEDiscordDark/sass/x/_btn.sass
index e719420a40a16dfe365c8f016f940ef317c73dd1..6ea58a259d0fc9934eb1e1d79bc62d6157df1f87 100644
--- a/PVEDiscordDark/sass/x/_btn.sass
+++ b/PVEDiscordDark/sass/x/_btn.sass
@@ -25,7 +25,6 @@
&.x-btn-inner-default-toolbar-small
color: #fff
-
.x-btn-disabled
background-image: none
background-color: #737fab !important
@@ -33,22 +32,20 @@
.x-btn-icon-el
&.x-btn-icon-el-default-toolbar-small
&.fa
- &.fa-undo
- color: #fff
- &.fa-terminal
- color: #fff
- &.fa-send-o
+ &.fa-undo, &.fa-terminal, &.fa-send-o, &.fa-fw.fa-ellipsis-v, &.fa-refresh
color: #fff
&.fa-play
color: $green
- &.fa-fw.fa-ellipsis-v
- color: #fff
&.fa-power-off
- color: #d23d3f
+ color: $redlight
&.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle
color: #fff
&.x-btn-icon-el-default-small.fa
- &.fa-book.x-btn-icon-el-default-toolbar-small
- color: #fff
- &.black.fa-gear
+ &.fa-book.x-btn-icon-el-default-toolbar-small, &.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')
diff --git a/PVEDiscordDark/sass/x/_menu.sass b/PVEDiscordDark/sass/x/_menu.sass
index 1362b7d31ab733322f7a3589466f303c5522c9a2..741c9b6cbb096420189ed3a92ba3c010230f47b3 100644
--- a/PVEDiscordDark/sass/x/_menu.sass
+++ b/PVEDiscordDark/sass/x/_menu.sass
@@ -21,52 +21,19 @@
.x-menu-item-icon-default.x-menu-item-icon.fa
&.fa-fw
- &.fa-building
+ &.fa-building, &.fa-folder, &.fa-floppy-o, &.fa-file-o, &.fa-clone, &.fa-send-o, &.fa-group, &.fa-user, &.fa-user-o
color: #fff
-
- &.fa-folder
- color: #fff
-
- &.fa-send-o
- color: #fff
-
- &.fa-clone
- color: #fff
-
- &.fa-file-o
- color: #fff
-
&.fa-play
color: $green
-
- &.fa-stop
- color: #d23d3f
-
- &.fa-power-off
- color: #d23d3f
-
- &.fa-pause
+ &.fa-stop, &.fa-power-off
+ color: $redlight
+ &.fa-pause, &.fa-download
color: $yellow
-
- &.fa-heartbeat
+ &.fa-heartbeat, &.fa-cube, &.fa-terminal, &.fa-desktop, &.fa-trash-o
color: #fff
-
- &.fa-trash-o
- color: #fff
-
- &.fa-desktop
- color: #fff
-
- &.fa-cube
- color: #fff
-
- &.fa-terminal
- color: #fff
-
&.fa-stop
- color: #d23d3f
-
+ color: $redlight
.x-menu-item-default.x-menu-item-separator
height: 0
@@ -76,17 +43,17 @@
// 🙃
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"]
- background: $dark
+ background: $dark
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"]
- background: $darker
+ background: $darker
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"]
- opacity: 0.5
- background: $darker
+ opacity: 0.5
+ background: $darker
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: $darker
\ No newline at end of file
+ background: $darker
diff --git a/PVEDiscordDark/sass/x/_tree.sass b/PVEDiscordDark/sass/x/_tree.sass
index 74d1b4ca79b128acb78d136e48bc5a3bc181a7af..8eb1a7956e7a9d9150600ebc2e81958b99c1260e 100644
--- a/PVEDiscordDark/sass/x/_tree.sass
+++ b/PVEDiscordDark/sass/x/_tree.sass
@@ -32,7 +32,7 @@
&.x-tree-icon-leaf.fa
&.fa-cube
color: $blurple !important
- &.running.ha-unmanaged
+ &.running
color: $blurple !important
&.fa-fw.fa-unlock
color: white
@@ -40,6 +40,16 @@
color: $blurple !important
&.fa-database
color: $blurple !important
+ &.fa-file-o
+ &:before
+ color: rgba($blurple, 0.6)
+ &:after
+ color: $blurple
+ background: transparent
+ text-shadow: none
+ &.fa-building.online
+ &:before
+ color: $blurple
&.lock-migrate:after
color: $yellow
@@ -47,5 +57,7 @@
color: white
.x-tree-icon-custom:after
- //If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
- text-shadow: 0 0 0 $dark
\ No newline at end of file
+ text-shadow: 0 0 0 $dark
+
+.x-tree-arrows .x-tree-expander
+ background-image: url('/pve2/images/dd_arrows.png')
diff --git a/PVEDiscordDark/sass/x/_treelist.sass b/PVEDiscordDark/sass/x/_treelist.sass
index bc5a64d98c5b34ed86e5effd8de679dd64625bbe..d0ef7f193d36ce1a555bc15d4f060cf70273c43a 100644
--- a/PVEDiscordDark/sass/x/_treelist.sass
+++ b/PVEDiscordDark/sass/x/_treelist.sass
@@ -35,24 +35,39 @@
> * >
.x-treelist-item-text
color: $blurple
- //If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: color .5s
.x-treelist-item-icon
color: $blurple
- //If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: color .5s
+ &.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%
.fa-ceph:before
background-image: url('/pve2/images/dd_cephblurp.png')
background-size: 14px 14px
- //If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: background-image .5s
-
-
.x-treelist-item-selected > .x-treelist-row
background-color: $darker
+.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-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: $blurple
\ No newline at end of file
+ color: $blurple
diff --git a/meta/imagelist b/meta/imagelist
index f44217cfb27d5f862455497e3f76c866fbd1a0b6..cce65e840fc5a0c9aa05b5666b456cc1a2a0a97e 100644
--- a/meta/imagelist
+++ b/meta/imagelist
@@ -1 +1 @@
-dd_cephblurp.png dd_cephwhite.png dd_icon-cpu.png dd_icon-hdd.png dd_icon-ram.png dd_icon-swap.png dd_icon-cd.png dd_icon-display.png dd_icon-network.png dd_icon-cloud.png dd_icon-serial.png dd_icon-usb.png dd_icon-pci.png dd_logo.png dd_mini-bottom.png dd_mini-top.png dd_tool-sprites.png dd_trigger.png dd_loading.svg dd_icon-die.svg
+dd_cephblurp.png dd_cephwhite.png dd_icon-cpu.png dd_icon-hdd.png dd_icon-ram.png dd_icon-swap.png dd_icon-cd.png dd_icon-display.png dd_icon-network.png dd_icon-cloud.png dd_icon-serial.png dd_icon-usb.png dd_icon-pci.png dd_logo.png dd_mini-bottom.png dd_mini-top.png dd_tool-sprites.png dd_trigger.png dd_loading.svg dd_icon-die.svg dd_arrows.png dd_default-toolbar-small-arrow.png dd_default-toolbar-small-s-arrow.png dd_icon-cdblurp.png
\ No newline at end of file