From a6ad1e257243666d52e8356ae617a4456947ac97 Mon Sep 17 00:00:00 2001 From: Weilbyte Date: Thu, 29 Apr 2021 05:34:34 +0200 Subject: [PATCH] Fix certain icons (fixes #59, fixes #60) --- PVEDiscordDark/images/dd_arrows.png | Bin 0 -> 332 bytes .../images/dd_default-toolbar-small-arrow.png | Bin 0 -> 192 bytes .../dd_default-toolbar-small-s-arrow.png | Bin 0 -> 208 bytes PVEDiscordDark/images/dd_icon-cdblurp.png | Bin 0 -> 410 bytes PVEDiscordDark/sass/PVEDiscordDark.css | 2 +- PVEDiscordDark/sass/_vars.sass | 3 +- PVEDiscordDark/sass/special/_icons.sass | 29 ++++++--- PVEDiscordDark/sass/x/_btn.sass | 21 +++---- PVEDiscordDark/sass/x/_menu.sass | 55 ++++-------------- PVEDiscordDark/sass/x/_tree.sass | 18 +++++- PVEDiscordDark/sass/x/_treelist.sass | 27 +++++++-- meta/imagelist | 2 +- 12 files changed, 81 insertions(+), 76 deletions(-) create mode 100644 PVEDiscordDark/images/dd_arrows.png create mode 100644 PVEDiscordDark/images/dd_default-toolbar-small-arrow.png create mode 100644 PVEDiscordDark/images/dd_default-toolbar-small-s-arrow.png create mode 100644 PVEDiscordDark/images/dd_icon-cdblurp.png diff --git a/PVEDiscordDark/images/dd_arrows.png b/PVEDiscordDark/images/dd_arrows.png new file mode 100644 index 0000000000000000000000000000000000000000..7d68addf8198ef2f57b88bd46305fe310c6651c5 GIT binary patch literal 332 zcmeAS@N?(olHy`uVBq!ia0vp^9zZO@!3-oN>$`sfDaPU;cPGZ1Cw1yUvH?CJt_v0{ z_zwnu|NezAfaJGt-~RmhgC_p(-#@q-WHwL`2)rUw6o6(*lmz(&GXw|*aCh@^ck^^~ z@HOx?SS+wuP~TbK8To-R4XCEi)5S5QV$R!1XSo^_1X`|NDLMUS|Goddi+8PYPH5+7 zdbaKGbB@j4UtaGHa-Db4T*7GE8KZO0C6(6s%v*W4cgckfGp7_ zAoDz3978JRBqt~^8)z9Aa5hAqS;wQuCUEdepV11F=c_ma#J)Bu0K-B^zL4Lu;#ti*D*;Cj`dKs%*SlXFm zA6PH~<%~RC978JRBqxM4F}4M&+0H!W=cVN)uq%ATC emTGq~VTSlk(aR^UeSaIMo59o7&t;ucLK6T}HCqV) literal 0 HcmV?d00001 diff --git a/PVEDiscordDark/images/dd_icon-cdblurp.png b/PVEDiscordDark/images/dd_icon-cdblurp.png new file mode 100644 index 0000000000000000000000000000000000000000..19f472f48009aaf6b6d3542b9adb1c9edcf1434d GIT binary patch literal 410 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJV{wqX6XVU3I`u$KU4T!BE0F#V z21T8>APnk~aAV;NWb=2Jcew#wpj8s&7tFw-`(KZP$&8O*-L%0@!LNmG%L z$J0OFTHvc!kTN*yxb@SZK3_15Oum8;3Y&%gfD z*Vr;mUeVzYdqc~{DH>jX7Aw8JS>w1XL_bsbW6q_TsY|oPn(iDiRqNEwS$SsS+BC;^ zD&=?N7ya?rz|Q1gTe~DWM4f%hlQS literal 0 HcmV?d00001 diff --git a/PVEDiscordDark/sass/PVEDiscordDark.css b/PVEDiscordDark/sass/PVEDiscordDark.css index ca76d6f..18343e0 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 569ceed..cf8cdfe 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 85e1d7d..d316948 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 e719420..6ea58a2 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 1362b7d..741c9b6 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 74d1b4c..8eb1a79 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 bc5a64d..d0ef7f1 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 f44217c..cce65e8 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