diff --git a/PVEDiscordDark.sh b/PVEDiscordDark.sh old mode 100644 new mode 100755 diff --git a/PVEDiscordDark/images/dd_date-trigger.png b/PVEDiscordDark/images/dd_date-trigger.png index 1cc2ff6..dc445c7 100644 Binary files a/PVEDiscordDark/images/dd_date-trigger.png and b/PVEDiscordDark/images/dd_date-trigger.png differ diff --git a/PVEDiscordDark/images/dd_icon-cloud.png b/PVEDiscordDark/images/dd_icon-cloud.png index e393b46..2551d9e 100644 Binary files a/PVEDiscordDark/images/dd_icon-cloud.png and b/PVEDiscordDark/images/dd_icon-cloud.png differ diff --git a/PVEDiscordDark/images/dd_icon-die.svg b/PVEDiscordDark/images/dd_icon-die.svg index 8333ac0..74a2159 100644 --- a/PVEDiscordDark/images/dd_icon-die.svg +++ b/PVEDiscordDark/images/dd_icon-die.svg @@ -1 +1,80 @@ - \ No newline at end of file + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/PVEDiscordDark/images/dd_icon-fa-network-wired.svg b/PVEDiscordDark/images/dd_icon-fa-network-wired.svg index 212d1a9..60e7e2a 100644 --- a/PVEDiscordDark/images/dd_icon-fa-network-wired.svg +++ b/PVEDiscordDark/images/dd_icon-fa-network-wired.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + \ No newline at end of file diff --git a/PVEDiscordDark/images/dd_icon-sdn.svg b/PVEDiscordDark/images/dd_icon-sdn.svg index 2a837ab..d1d28e5 100644 --- a/PVEDiscordDark/images/dd_icon-sdn.svg +++ b/PVEDiscordDark/images/dd_icon-sdn.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/PVEDiscordDark/images/dd_icon-serial.png b/PVEDiscordDark/images/dd_icon-serial.png index 226ca7a..67c0dc1 100644 Binary files a/PVEDiscordDark/images/dd_icon-serial.png and b/PVEDiscordDark/images/dd_icon-serial.png differ diff --git a/PVEDiscordDark/images/dd_loading.svg b/PVEDiscordDark/images/dd_loading.svg index 64dcc2d..0965b2e 100644 --- a/PVEDiscordDark/images/dd_loading.svg +++ b/PVEDiscordDark/images/dd_loading.svg @@ -1 +1,32 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/PVEDiscordDark/images/dd_logo_blurp.png b/PVEDiscordDark/images/dd_logo_blurp.png index 239862a..3053e8e 100644 Binary files a/PVEDiscordDark/images/dd_logo_blurp.png and b/PVEDiscordDark/images/dd_logo_blurp.png differ diff --git a/PVEDiscordDark/images/dd_tool-sprites.png b/PVEDiscordDark/images/dd_tool-sprites.png index 92090fe..7ccb820 100644 Binary files a/PVEDiscordDark/images/dd_tool-sprites.png and b/PVEDiscordDark/images/dd_tool-sprites.png differ diff --git a/PVEDiscordDark/js/PVEDiscordDark.js b/PVEDiscordDark/js/PVEDiscordDark.js index e3f0427..e9c41a6 100644 --- a/PVEDiscordDark/js/PVEDiscordDark.js +++ b/PVEDiscordDark/js/PVEDiscordDark.js @@ -1,8 +1,8 @@ -const COLOR_DARK = '#2C2F33' -const COLOR_DARKER = '#23272a' -const COLOR_BLURPLE = '#526DD1' -const COLOR_YELLOW = '#faa61a' -const COLOR_RED = '#ba2b2d' +const COLOR_DARK = '#434C5E' +const COLOR_DARKER = '#353C4A' +const COLOR_BLURPLE = '#8FBCBB' +const COLOR_YELLOW = '#E9BC50' +const COLOR_RED = '#992C2E' const swapLogo = async function() { diff --git a/PVEDiscordDark/sass/PVEDiscordDark.css b/PVEDiscordDark/sass/PVEDiscordDark.css index 0f20442..45416f1 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-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} +.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:#3D4656;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:#434C5E;color:#fff}.x-grid-item{background:#434C5E;border-width:0 !important}.x-grid-item:hover,.x-grid-item.x-grid-item-selected{background-color:#3D4656}.x-grid-item-alt{background:#353C4A;border-width:0 !important}.x-grid-header-ct{background:#434C5E;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:#353C4A;color:#fff;border-width:0}.x-grid-icon-custom:after{text-shadow:0 0 0 #434C5E}.x-grid-icon-custom.lock-migrate:after{color:#E9BC50}.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:#353C4A !important;border-color:#434C5E}.x-box-scroller{background:#434C5E !important}.x-box-scroller-body-vertical{background:#434C5E !important}.x-box-inner{overflow:hidden;position:relative;left:0;top:0;top-background:#353C4A}.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:#434C5E;color:#fff}.x-treelist-container{background:#434C5E;color:#fff}.x-treelist-row{background:#434C5E;color:#fff}.x-treelist-row-with-icon{background:#434C5E;color:#fff}.x-treelist-item-expandable{background:#434C5E;color:#fff}.x-treelist-item-wrap{background:#434C5E;color:#fff}.x-treelist-item-text{background:#434C5E;color:#fff}.x-treelist-item-icon{background:#434C5E;color:#fff}.x-treelist-row-over{color:#ff0}.x-treelist-row-over>*>.x-treelist-item-text{color:#8FBCBB;transition:color .5s}.x-treelist-row-over>*>.x-treelist-item-icon{color:#8FBCBB;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:#353C4A}.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:#8FBCBB}.x-legend-item{background:#434C5E;color:#fff;border-width:0}.x-legend-container{background:#434C5E;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:#353C4A;border:0}.x-panel-body-default{background:#434C5E;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:#434C5E;border-width:0}.x-toolbar{background:#434C5E}.x-toolbar-vertical-scroller{background:#434C5E !important}.x-toolbar-default-vertical-scroller{background:#434C5E !important}.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default{color:#fff}.x-btn{background:#8FBCBB;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:#8FBCBB}.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:#33A15E}.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off{color:#B94F51}.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:#353C4A;border-width:0 !important}.x-column-header-default{background:#434C5E;border-width:0 !important}.x-column-header-text-inner{color:#fff}.x-column-header-trigger{border-color:#353C4A}.x-tab{background:#737fab;color:#fff;border-width:0}.x-tab-inner{color:#fff}.x-tab-active{background:#8FBCBB !important;border-width:0 !important}.x-tab-over{background:#8FBCBB !important;border-width:0 !important}.x-tab-default-focus{background:#8FBCBB !important;border-width:0 !important}.x-tab-focus{background:#8FBCBB !important;border-width:0 !important}.x-tab-bar-body{background:#353C4A}.x-tab-disabled{background:#737fab !important}.x-window-body{background:#353C4A;border-bottom-width:0;border-right-width:0}.x-window-default{border-radius:0;background-color:#353C4A;box-shadow:none;border-color:#353C4A;border-style:none;border-width:0;padding:0}.x-window-default-mc{background-color:#353C4A}.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:#353C4A;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:#353C4A;border-bottom-width:0;border-right-width:0}.x-message-box .x-window-body{background-color:#434C5E}.x-viewport{background:#353C4A}.x-viewport>.x-body{background:#353C4A}.x-menu-item-focus{background-color:#677bc4}.x-menu-item{background:#8FBCBB;border-style:none;border-width:0}.x-menu-default{background:#8FBCBB;border:1px solid #353C4A}.x-menu-item-text{color:#fff}.x-menu-header{border-radius:1px;background:#353C4A;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:#33A15E}.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:#B94F51}.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:#E9BC50}.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:#B94F51}.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:#434C5E}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:#353C4A}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:#353C4A}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:#353C4A}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running{color:#8FBCBB !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:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database{color:#8FBCBB !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o:before{color:rgba(143,188,187,0.6)}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o:after{color:#8FBCBB;background:transparent;text-shadow:none}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-building.online:before{color:#8FBCBB}.x-tree-icon.x-tree-icon-custom.lock-migrate:after{color:#E9BC50}.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 #434C5E}.x-tree-arrows .x-tree-expander{background-image:url("/pve2/images/dd_arrows.png")}.x-progress{background:#434C5E}.x-progress-default .x-progress-bar-default{background-color:#33A15E}.x-progress-text{color:#fff !important}.x-progress-text.x-progress-text-back{color:#fff !important}.x-tip-default{background-color:#8FBCBB;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:#434C5E}.x-title-text{color:#8FBCBB}.x-mask{background-color:rgba(26,26,29,0.27)}.x-surface-canvas{border-radius:3px}.x-fieldset-default{border:1px solid #8FBCBB}.x-vertical-scroller{background:#434C5E !important}.x-css-shadow{display:none}.critical{color:#992C2E}.warning{color:#E9BC50}.proxmox-warning-row{background-color:rgba(233,188,80,0.35)}.install-mask{color:white;background-color:#353C4A}hr[class*="x-component"]{border-width:1px;border-bottom-width:0px;border-color:rgba(143,188,187,0.35)}.x-splitter{background:#353C4A}.x-splitter-collapsed .x-layout-split-bottom{background-image:url("/pve2/images/dd_mini-top.png")}.x-boundlist-item{color:white;background-color:#434C5E;border:none}.x-boundlist-item:hover{background-color:#3D4656}.x-boundlist-item.x-boundlist-selected{background-color:#3D4656}.x-boundlist{border-color:#353C4A}.x-datepicker-column-header-inner{background-color:#434C5E;color:white}.x-datepicker{border:none}.x-datepicker-date{background-color:#434C5E;color:white;border:none}.x-datepicker-cell{border:0.5px solid #3D4656}.x-datepicker-header{background-color:#353C4A}.x-datepicker-footer{background-color:#434C5E}.x-monthpicker,.x-monthpicker-buttons{color:white;border:none;background-color:#434C5E}.x-monthpicker-item-inner{color:white;border:none;opacity:0.9}.x-monthpicker-months{border-color:#353C4A}.x-monthpicker-selected,.x-datepicker-selected div.x-datepicker-date{border:none !important;color:white !important;opacity:1;background-color:#3D4656 !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:#353C4A}div[id^="pveDcSummary-"][id$="-innerCt"]>div:nth-child(4)>div:nth-child(3){border:1px solid #353C4A}div[id^="proxmoxRRDChart-"]>div:nth-child(3)>div{background-color:#353C4A}div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div{background:#353C4A}#toolbar-1069-innerCt{background:#434C5E}#button-1030{background:#353C4A;border:1px solid #B94F51}#menuitem-1030-iconEl{color:white}#menuitem-1031-iconEl{color:white}#menuitem-1032-iconEl{color:white}#menuitem-1034-iconEl{color:#992C2E}[id^="pveNodeStatus"]{background:#353C4A}div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div{background-color:#434C5E}div[id^="pveGuestStatusView-"][id$="-body"]{background:#353C4A}div[id^="pveStorageStatusView-"][id$="-body"]{background:#353C4A}div[id^="pveNotesView-"][id$="-innerCt"]{background:#353C4A}[id^="versioninfo"]{background:#353C4A}[id^="proxmoxGauge"]{background:#353C4A}[id^="tooltip"]{background:#8FBCBB;color:#fff;border-width:0}[id^="ext-quicktips-tip-body"]{background-color:#8FBCBB;color:#fff;border-radius:0;border-width:0}[id^="ext-quicktips-tip-innerCt"]{background-color:#8FBCBB;color:#fff;border-radius:0;border-width:0}[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"]{background-color:#8FBCBB;color:#fff;border-radius:0;border-width:0}[id^="ext-form-error"]{background-color:#8FBCBB;color:#fff;border-radius:0;border-width:0}[id^="toolbar"]{background:#434C5E}[id^="legend"]{background:#353C4A;border-color:red}a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before,span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before{color:#E9BC50}a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before{color:#992C2E}#userinfo.x-btn{background-color:transparent !important;border:1px solid #B94F51 !important}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]{background:#434C5E}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"]{background:#353C4A}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>div[class*="x-menu-item"]>a[aria-disabled="true"]{opacity:0.5;background:#353C4A}div[id^="form-"][id$="-innerCt"][style="height: 160px; width: 356px;"],div[id^="fieldset-"][id$="-innerCt"]{background:#353C4A}div[id="pkgversions"]{background-color:#434C5E !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:#992C2E}.fa-language:before{color:white}.fa-building.online{color:#8FBCBB !important}.fa-window-restore:before{color:white}.fa-fw.x-grid-icon-custom.fa.fa-database{color:#8FBCBB}.fa-fw.x-grid-icon-custom.fa.fa-desktop{color:#8FBCBB}.fa-fw.x-grid-icon-custom.fa.fa-cube{color:#8FBCBB}.fa-fw.x-grid-icon-custom.fa.fa-file-o:before{color:rgba(143,188,187,0.6)}.fa-fw.x-grid-icon-custom.fa.fa-file-o:after{color:#8FBCBB;background:transparent;text-shadow:none}.lxc:after{background:transparent !important;color:#8FBCBB;text-shadow:0 0 0 #434C5E !important}.qemu:after{background:transparent !important;color:#8FBCBB;text-shadow:0 0 0 #434C5E !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:#57191A}.usage{background-color:#8FBCBB}.usage-wrapper{border:1px solid #8FBCBB}.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:#E9BC50;background-color:transparent}.pmx-md code{background-color:#434C5E}.pmx-md pre code{border-left:3px solid #3D4656}.pmx-md tbody tr:nth-of-type(even){background-color:#333a47}.pmx-md thead tr{background-color:#313744}.pmx-md tbody td,.pmx-md tbody tr:last-of-type td{border-bottom:1px solid #404859}.pmx-md tbody tr:hover td{background-color:#4a5468}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 #353C4A !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 #353C4A !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:#3D4656}::-webkit-scrollbar:hover{background:#353C4A}a{color:white} diff --git a/PVEDiscordDark/sass/_vars.sass b/PVEDiscordDark/sass/_vars.sass index a7d0810..b1bbeb7 100644 --- a/PVEDiscordDark/sass/_vars.sass +++ b/PVEDiscordDark/sass/_vars.sass @@ -1,9 +1,9 @@ -$blurple: #526DD1 -$green: #43b581 -$yellow: #faa61a -$red: #ba2b2d -$redlight: #d23d3f -$dark: #2C2F33 -$darker: #23272a -$lightGray: #666 -$light: #4A4D53 \ No newline at end of file +$blurple: #8FBCBB +$green: #33A15E +$yellow: #E9BC50 +$red: #992C2E +$redlight: #B94F51 +$dark: #434C5E +$darker: #353C4A +$light: #3D4656 +//$darker: #2A2F3A diff --git a/PVEDiscordDark/sass/special/_icons.sass b/PVEDiscordDark/sass/special/_icons.sass index 20f6213..651f195 100644 --- a/PVEDiscordDark/sass/special/_icons.sass +++ b/PVEDiscordDark/sass/special/_icons.sass @@ -84,26 +84,18 @@ .fa-fw.x-grid-icon-custom.fa &.fa-database - color: $lightGray - &.available - color: $blurple + color: $blurple &.fa-desktop color: $blurple - &.stopped - color: $lightGray &.fa-cube color: $blurple - &.stopped - color: $lightGray &.fa-file-o &:before color: rgba($blurple, 0.6) &:after - color: $lightGray + color: $blurple background: transparent text-shadow: none - &.fa-tags - color: $lightGray .lxc:after background: transparent !important diff --git a/PVEDiscordDark/sass/special/_proxmox.sass b/PVEDiscordDark/sass/special/_proxmox.sass index a1c5f50..2bbe858 100644 --- a/PVEDiscordDark/sass/special/_proxmox.sass +++ b/PVEDiscordDark/sass/special/_proxmox.sass @@ -1,5 +1,5 @@ .proxmox-invalid-row - background-color: #401314 + background-color: #57191A .usage background-color: $blurple diff --git a/PVEDiscordDark/sass/special/_specific.sass b/PVEDiscordDark/sass/special/_specific.sass index 8897158..b170b00 100644 --- a/PVEDiscordDark/sass/special/_specific.sass +++ b/PVEDiscordDark/sass/special/_specific.sass @@ -3,7 +3,7 @@ #button-1030 background: $darker - border: 1px solid #d23d3f + border: 1px solid #B94F51 #menuitem-1030-iconEl color: white @@ -15,7 +15,7 @@ color: white #menuitem-1034-iconEl - color: #c52d2f + color: #992C2E [id^="pveNodeStatus"] background: $darker @@ -87,7 +87,7 @@ a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before // Userinfo button specifics #userinfo.x-btn background-color: transparent !important - border: 1px solid #d23d3f !important + border: 1px solid #B94F51 !important div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] background: $dark div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"] diff --git a/PVEDiscordDark/sass/x/_tree.sass b/PVEDiscordDark/sass/x/_tree.sass index 6eda2b5..8eb1a79 100644 --- a/PVEDiscordDark/sass/x/_tree.sass +++ b/PVEDiscordDark/sass/x/_tree.sass @@ -31,29 +31,25 @@ color: $blurple !important &.x-tree-icon-leaf.fa &.fa-cube - color: $lightGray !important + color: $blurple !important &.running color: $blurple !important &.fa-fw.fa-unlock color: white &.fa-desktop color: $blurple !important - &.stopped - color: $lightGray !important &.fa-database color: $blurple !important &.fa-file-o &:before color: rgba($blurple, 0.6) &:after - color: $lightGray + color: $blurple background: transparent text-shadow: none &.fa-building.online &:before color: $blurple - &.fa-tags - color: $lightGray !important &.lock-migrate:after color: $yellow diff --git a/README.md b/README.md index 57186e2..94c87b4 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ The theme now runs its own JavaScript code which patches the colors for certain components (and charts). This approach is much better, and safer than what was used previously. ## Installation -The installation is done via the CLI utility. Run the following commands on the PVE node serving the Web UI: Clearing browser cache is necessary to see the changes. +The installation is done via the CLI utility. Run the following commands on the PVE node serving the Web UI: ``` ~# wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/PVEDiscordDark.sh @@ -21,10 +21,9 @@ Or this oneliner bash <(curl -s https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/PVEDiscordDark.sh ) install ``` -Note that you will need to run the install command every time `pve-manager` is updated (i.e. after every Proxmox update) ## Uninstallation - To uninstall the theme, simply run the utility with the `uninstall` command. Clearing browser cache is necessary to see the changes. + To uninstall the theme, simply run the utility with the `uninstall` command. ## Installer & Security The new installer relies on the `/meta/supported` and `/meta/imagelist` files being present in the repository. It also includes a silent mode. Run `bash PVEDiscordDark.sh -h` for usage instructions. @@ -40,12 +39,7 @@ The `offline` folder must have the following files: `meta/[imagelist, supported] You can find a zip containing the installer and offline folder under the artifact section of the GitHub Actions under this repository or as an asset attached to releases. -## Contributors -Thanks to everybody who contributed to this project, and additional thanks to [Crinisus](https://github.com/crinisus) for catching bugs for the rewrite! - - - - - +## Notes +Thanks to [jonasled](https://github.com/jonasled) for helping out with the old version, and thanks to [SmallEngineMechanic](https://github.com/smallenginemechanic) for catching bugs for the rewrite! *Awoo'ing on this repo is encouraged.*