diff --git a/PVEDiscordDark/sass/PVEDiscordDark.css b/PVEDiscordDark/sass/PVEDiscordDark.css index 1cda91a..8b7183a 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}.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-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:#23272a}.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}.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){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"]{border-left:3px solid #23272a !important}html{overflow:scroll;overflow-x:hidden}*{font-weight:350}::-webkit-scrollbar{width:0;background:transparent}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}.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{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:#23272a}.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}.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){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"]{border-left:3px solid #23272a !important}html{overflow:scroll;overflow-x:hidden}*{font-weight:350}::-webkit-scrollbar{width:0;background:transparent}a{color:white} diff --git a/PVEDiscordDark/sass/_vars.sass b/PVEDiscordDark/sass/_vars.sass index 43e1532..569ceed 100644 --- a/PVEDiscordDark/sass/_vars.sass +++ b/PVEDiscordDark/sass/_vars.sass @@ -4,4 +4,4 @@ $yellow: #faa61a $red: #ba2b2d $dark: #2C2F33 $darker: #23272a -$light: #4A4D53 \ No newline at end of file +$light: #4A4D53 \ No newline at end of file diff --git a/PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass b/PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass index 085a187..65b49e8 100644 --- a/PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass +++ b/PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass @@ -1,2 +1,2 @@ div[id^="proxmoxRRDChart-"] > div:nth-child(3) > div - background-color: #23272a \ No newline at end of file + background-color: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/proxmox/_pveCeph.sass b/PVEDiscordDark/sass/proxmox/_pveCeph.sass index 4a58a80..2aa1258 100644 --- a/PVEDiscordDark/sass/proxmox/_pveCeph.sass +++ b/PVEDiscordDark/sass/proxmox/_pveCeph.sass @@ -1,2 +1,2 @@ div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div - background: #23272a \ No newline at end of file + background: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/proxmox/_pveDc.sass b/PVEDiscordDark/sass/proxmox/_pveDc.sass index 074a024..e5f78f0 100644 --- a/PVEDiscordDark/sass/proxmox/_pveDc.sass +++ b/PVEDiscordDark/sass/proxmox/_pveDc.sass @@ -1,5 +1,5 @@ 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 + background-color: $darker div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(4) > div:nth-child(3) - border: 1px solid #23272a + border: 1px solid $darker diff --git a/PVEDiscordDark/sass/special/_icons.sass b/PVEDiscordDark/sass/special/_icons.sass index ed54e90..5da1559 100644 --- a/PVEDiscordDark/sass/special/_icons.sass +++ b/PVEDiscordDark/sass/special/_icons.sass @@ -62,7 +62,7 @@ color: white .fa-building.online - color: $blurple!important + color: $blurple !important .fa-fw.x-grid-icon-custom.fa &.fa-database @@ -76,11 +76,11 @@ .lxc:after - background: transparent!important + background: transparent !important color: $blurple - text-shadow: 0 0 0 #2c2f33!important + text-shadow: 0 0 0 $dark !important .qemu:after - background: transparent!important + background: transparent !important color: $blurple - text-shadow: 0 0 0 #2c2f33!important \ No newline at end of file + text-shadow: 0 0 0 $dark !important \ No newline at end of file diff --git a/PVEDiscordDark/sass/special/_proxmox.sass b/PVEDiscordDark/sass/special/_proxmox.sass index 8aaa1f0..3773250 100644 --- a/PVEDiscordDark/sass/special/_proxmox.sass +++ b/PVEDiscordDark/sass/special/_proxmox.sass @@ -2,10 +2,10 @@ background-color: #401314 .usage - background-color: #7289DA + background-color: $blurple .usage-wrapper - border: 1px solid #7289DA + border: 1px solid $blurple .x-tool-img background-image: url('/pve2/images/dd_tool-sprites.png') !important diff --git a/PVEDiscordDark/sass/special/_specific.sass b/PVEDiscordDark/sass/special/_specific.sass index f139948..2da52da 100644 --- a/PVEDiscordDark/sass/special/_specific.sass +++ b/PVEDiscordDark/sass/special/_specific.sass @@ -1,8 +1,8 @@ #toolbar-1069-innerCt - background: #2c2f33 + background: $dark #button-1030 - background: #23272a + background: $darker border: 1px solid #d23d3f #menuitem-1030-iconEl @@ -18,64 +18,64 @@ color: #c52d2f [id^="pveNodeStatus"] - background: #23272a + background: $darker div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div - background-color: #2C2F33 + background-color: $dark div[id^="pveGuestStatusView-"][id$="-body"] - background: #23272a + background: $darker div[id^="pveStorageStatusView-"][id$="-body"] - background: #23272a + background: $darker div[id^="pveNotesView-"][id$="-innerCt"] - background: #23272a + background: $darker [id^="versioninfo"] - background: #23272a + background: $darker [id^="proxmoxGauge"] - background: #23272a + background: $darker [id^="tooltip"] - background: #7289da + background: $blurple color: #fff border-width: 0 [id^="ext-quicktips-tip-body"] - background-color: #7289da + background-color: $blurple color: #fff //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 border-width: 0 [id^="ext-quicktips-tip-innerCt"] - background-color: #7289da + background-color: $blurple color: #fff //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 border-width: 0 [id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] - background-color: #7289da + background-color: $blurple color: #fff //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 border-width: 0 [id^="ext-form-error"] - background-color: #7289da + background-color: $blurple color: #fff //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 border-width: 0 [id^="toolbar"] - background: #2c2f33 + background: $dark [id^="legend"] - background: #23272a + background: $darker border-color: red a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before, span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before @@ -89,9 +89,9 @@ a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before background-color: transparent !important border: 1px solid #d23d3f !important div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] - background: #2c2f33 + background: $dark div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"] - background: #23272A + background: $darker div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > div[class*="x-menu-item"] > a[aria-disabled="true"] opacity: 0.5 - background: #23272A \ No newline at end of file + background: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_autocontainer.sass b/PVEDiscordDark/sass/x/_autocontainer.sass index 4375f2d..466820e 100644 --- a/PVEDiscordDark/sass/x/_autocontainer.sass +++ b/PVEDiscordDark/sass/x/_autocontainer.sass @@ -1,2 +1,2 @@ .x-autocontainer-innerCt - background: #2c2f33 \ No newline at end of file + background: $dark \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_boundlist.sass b/PVEDiscordDark/sass/x/_boundlist.sass index 9346ace..df415f0 100644 --- a/PVEDiscordDark/sass/x/_boundlist.sass +++ b/PVEDiscordDark/sass/x/_boundlist.sass @@ -1,9 +1,9 @@ .x-boundlist-item color: white - background-color: #2c2f33 + background-color: $dark border: none &:hover - background-color: #23272a + background-color: $darker .x-boundlist - border-color: #23272a \ No newline at end of file + border-color: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_box.sass b/PVEDiscordDark/sass/x/_box.sass index bda1de1..4404c4f 100644 --- a/PVEDiscordDark/sass/x/_box.sass +++ b/PVEDiscordDark/sass/x/_box.sass @@ -1,12 +1,12 @@ .x-box-scroller - background: #2c2f33!important + background: $dark !important .x-box-scroller-body-vertical - background: #2c2f33!important + background: $dark !important .x-box-inner overflow: hidden position: relative left: 0 top: 0 - background: #23272a + background: $darker diff --git a/PVEDiscordDark/sass/x/_btn.sass b/PVEDiscordDark/sass/x/_btn.sass index 6a15d3f..e719420 100644 --- a/PVEDiscordDark/sass/x/_btn.sass +++ b/PVEDiscordDark/sass/x/_btn.sass @@ -1,5 +1,5 @@ .x-btn - background: #7289da + background: $blurple border-width: 0 &.x-unselectable.x-box-item &.x-toolbar-item.x-btn-default-toolbar-small @@ -16,7 +16,7 @@ .x-btn-focus &.x-btn-default-toolbar-small - background-color: #7289da + background-color: $blurple .x-btn-inner color: #fff @@ -28,7 +28,7 @@ .x-btn-disabled background-image: none - background-color: #737fab!important + background-color: #737fab !important .x-btn-icon-el &.x-btn-icon-el-default-toolbar-small @@ -40,7 +40,7 @@ &.fa-send-o color: #fff &.fa-play - color: #43b581 + color: $green &.fa-fw.fa-ellipsis-v color: #fff &.fa-power-off diff --git a/PVEDiscordDark/sass/x/_column.sass b/PVEDiscordDark/sass/x/_column.sass index 13cc854..4751ebb 100644 --- a/PVEDiscordDark/sass/x/_column.sass +++ b/PVEDiscordDark/sass/x/_column.sass @@ -1,13 +1,13 @@ .x-column-header-inner - background: #23272a - border-width: 0!important + background: $darker + border-width: 0 !important .x-column-header-default - background: #2c2f33 - border-width: 0!important + background: $dark + border-width: 0 !important .x-column-header-text-inner color: #fff .x-column-header-trigger - border-color: #23272a \ No newline at end of file + border-color: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_form.sass b/PVEDiscordDark/sass/x/_form.sass index 45dd39d..a40de23 100644 --- a/PVEDiscordDark/sass/x/_form.sass +++ b/PVEDiscordDark/sass/x/_form.sass @@ -1,6 +1,6 @@ .x-form-text-default color: #818082 - background-color: #4a4d53 + background-color: $light font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif' min-height: 22px padding: 0 6px 2px diff --git a/PVEDiscordDark/sass/x/_grid.sass b/PVEDiscordDark/sass/x/_grid.sass index 37978f2..2878fe0 100644 --- a/PVEDiscordDark/sass/x/_grid.sass +++ b/PVEDiscordDark/sass/x/_grid.sass @@ -3,22 +3,22 @@ color: #fff .x-grid-cell-rowbody - background: #2c2f33 + background: $dark color: #fff .x-grid-item - background: #2c2f33 - border-width: 0!important + background: $dark + border-width: 0 !important &:hover background-color: $light .x-grid-item-alt - background: #23272a - border-width: 0!important + background: $darker + border-width: 0 !important .x-grid-header-ct - background: #2c2f33 - border-width: 0!important + background: $dark + border-width: 0 !important .x-grid-group-title color: #fff @@ -28,13 +28,13 @@ background-size: 32px .x-grid-group-hd.x-grid-group-hd-collapsible - background: #23272a + background: $darker color: #fff border-width: 0 .x-grid-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 #2c2f33 + text-shadow: 0 0 0 $dark .x-grid-icon-custom.lock-migrate:after color: $yellow diff --git a/PVEDiscordDark/sass/x/_legend.sass b/PVEDiscordDark/sass/x/_legend.sass index 256050c..33cfc60 100644 --- a/PVEDiscordDark/sass/x/_legend.sass +++ b/PVEDiscordDark/sass/x/_legend.sass @@ -1,10 +1,10 @@ .x-legend-item - background: #2c2f33 + background: $dark color: #fff border-width: 0 .x-legend-container - background: #2c2f33 + background: $dark //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 //If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) diff --git a/PVEDiscordDark/sass/x/_menu.sass b/PVEDiscordDark/sass/x/_menu.sass index b8028dc..1362b7d 100644 --- a/PVEDiscordDark/sass/x/_menu.sass +++ b/PVEDiscordDark/sass/x/_menu.sass @@ -2,13 +2,13 @@ background-color: #677bc4 .x-menu-item - background: #7289da + background: $blurple border-style: none border-width: 0 .x-menu-default - background: #7289da - border: 1px solid #23272A + background: $blurple + border: 1px solid $darker .x-menu-item-text color: #fff @@ -16,7 +16,7 @@ .x-menu-header //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 1px - background: #23272a + background: $darker border-width: 0 .x-menu-item-icon-default.x-menu-item-icon.fa @@ -37,7 +37,7 @@ color: #fff &.fa-play - color: #43b581 + color: $green &.fa-stop color: #d23d3f @@ -46,7 +46,7 @@ color: #d23d3f &.fa-pause - color: #faa61a + color: $yellow &.fa-heartbeat @@ -76,17 +76,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: #2c2f33 + 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: #23272A + 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: #23272A + 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: #23272A \ No newline at end of file + background: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_misc.sass b/PVEDiscordDark/sass/x/_misc.sass index bfec923..a8d7887 100644 --- a/PVEDiscordDark/sass/x/_misc.sass +++ b/PVEDiscordDark/sass/x/_misc.sass @@ -6,7 +6,7 @@ border: 1px solid $blurple .x-vertical-scroller - background: #2c2f33!important + background: $dark !important .x-css-shadow display: none @@ -19,4 +19,4 @@ .install-mask color: white - background-color: #23272A + background-color: $darker diff --git a/PVEDiscordDark/sass/x/_panel.sass b/PVEDiscordDark/sass/x/_panel.sass index 2ac0828..6adf9dd 100644 --- a/PVEDiscordDark/sass/x/_panel.sass +++ b/PVEDiscordDark/sass/x/_panel.sass @@ -1,9 +1,9 @@ .x-panel-header - background: #23272a + background: $darker border: 0 .x-panel-body-default - background: #2c2f33 + background: $dark color: #fff font-size: 13px font-weight: 300 diff --git a/PVEDiscordDark/sass/x/_progress.sass b/PVEDiscordDark/sass/x/_progress.sass index e92a01b..c5e1260 100644 --- a/PVEDiscordDark/sass/x/_progress.sass +++ b/PVEDiscordDark/sass/x/_progress.sass @@ -1,10 +1,10 @@ .x-progress - background: #2c2f33 + background: $dark .x-progress-default .x-progress-bar-default background-color: $green .x-progress-text - color: #fff!important + color: #fff !important &.x-progress-text-back - color: #fff!important \ No newline at end of file + color: #fff !important \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_splitter.sass b/PVEDiscordDark/sass/x/_splitter.sass index d5dec1c..3778bef 100644 --- a/PVEDiscordDark/sass/x/_splitter.sass +++ b/PVEDiscordDark/sass/x/_splitter.sass @@ -1,5 +1,5 @@ .x-splitter - background: #23272a + background: $darker .x-splitter-collapsed .x-layout-split-bottom background-image: url('/pve2/images/dd_mini-top.png') \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_tab.sass b/PVEDiscordDark/sass/x/_tab.sass index f62b638..65e365d 100644 --- a/PVEDiscordDark/sass/x/_tab.sass +++ b/PVEDiscordDark/sass/x/_tab.sass @@ -7,23 +7,23 @@ color: #fff .x-tab-active - background: #7289da!important - border-width: 0!important + background: $blurple !important + border-width: 0 !important .x-tab-over - background: #7289da!important - border-width: 0!important + background: $blurple !important + border-width: 0 !important .x-tab-default-focus - background: #7289da!important - border-width: 0!important + background: $blurple !important + border-width: 0 !important .x-tab-focus - background: #7289da!important - border-width: 0!important + background: $blurple !important + border-width: 0 !important .x-tab-bar-body - background: #23272a + background: $darker .x-tab-disabled - background: #737fab!important \ No newline at end of file + background: #737fab !important \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_tip.sass b/PVEDiscordDark/sass/x/_tip.sass index df85334..d0b9a34 100644 --- a/PVEDiscordDark/sass/x/_tip.sass +++ b/PVEDiscordDark/sass/x/_tip.sass @@ -1,5 +1,5 @@ .x-tip-default - background-color: #7289da + background-color: $blurple color: #fff //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 diff --git a/PVEDiscordDark/sass/x/_title.sass b/PVEDiscordDark/sass/x/_title.sass index 4429f73..930f10c 100644 --- a/PVEDiscordDark/sass/x/_title.sass +++ b/PVEDiscordDark/sass/x/_title.sass @@ -1,2 +1,2 @@ .x-title-text - color: #7289da \ No newline at end of file + color: $blurple \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_toolbar.sass b/PVEDiscordDark/sass/x/_toolbar.sass index 0134368..681a19a 100644 --- a/PVEDiscordDark/sass/x/_toolbar.sass +++ b/PVEDiscordDark/sass/x/_toolbar.sass @@ -1,15 +1,15 @@ .x-toolbar-default - background-color: #2c2f33 + background-color: $dark border-width: 0 .x-toolbar - background: #2c2f33 + background: $dark .x-toolbar-vertical-scroller - background: #2c2f33!important + background: $dark !important .x-toolbar-default-vertical-scroller - background: #2c2f33!important + background: $dark !important .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default color: #fff \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_tree.sass b/PVEDiscordDark/sass/x/_tree.sass index 97aa097..74d1b4c 100644 --- a/PVEDiscordDark/sass/x/_tree.sass +++ b/PVEDiscordDark/sass/x/_tree.sass @@ -1,45 +1,45 @@ .x-tree-icon.x-tree-icon-custom &.x-tree-icon-parent-expanded.fa &.fa-server - color: #7289da!important + color: $blurple !important &.fa-building - color: #7289da!important + color: $blurple !important &.fa-database - color: #7289da!important + color: $blurple !important &.fa-desktop - color: #7289da!important + color: $blurple !important &.fa-cube - color: #7289da!important + color: $blurple !important &.x-tree-icon-parent.fa &.fa-server - color: #7289da!important + color: $blurple !important &.fa-building - color: #7289da!important + color: $blurple !important &.fa-cube - color: #7289da!important + color: $blurple !important &.fa-desktop - color: #7289da!important + color: $blurple !important &.fa-database - color: #7289da!important + color: $blurple !important &.x-tree-icon-leaf.fa &.fa-cube - color: #7289da!important + color: $blurple !important &.running.ha-unmanaged - color: #7289da!important + color: $blurple !important &.fa-fw.fa-unlock color: white &.fa-desktop - color: #7289da!important + color: $blurple !important &.fa-database - color: #7289da!important + color: $blurple !important &.lock-migrate:after color: $yellow @@ -48,4 +48,4 @@ .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 #2c2f33 \ No newline at end of file + text-shadow: 0 0 0 $dark \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_treelist.sass b/PVEDiscordDark/sass/x/_treelist.sass index b56a54e..bc5a64d 100644 --- a/PVEDiscordDark/sass/x/_treelist.sass +++ b/PVEDiscordDark/sass/x/_treelist.sass @@ -1,45 +1,45 @@ .x-treelist-item-leaf - background: #2c2f33 + background: $dark color: #fff .x-treelist-container - background: #2c2f33 + background: $dark color: #fff .x-treelist-row - background: #2c2f33 + background: $dark color: #fff .x-treelist-row-with-icon - background: #2c2f33 + background: $dark color: #fff .x-treelist-item-expandable - background: #2c2f33 + background: $dark color: #fff .x-treelist-item-wrap - background: #2c2f33 + background: $dark color: #fff .x-treelist-item-text - background: #2c2f33 + background: $dark color: #fff .x-treelist-item-icon - background: #2c2f33 + background: $dark color: #fff .x-treelist-row-over color: #ff0 > * > .x-treelist-item-text - color: #7289da + 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: #7289da + 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 @@ -52,7 +52,7 @@ .x-treelist-item-selected > .x-treelist-row - background-color: #23272a + background-color: $darker .x-treelist-item-selected > div > div > div - color: #7289da \ No newline at end of file + color: $blurple \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_viewport.sass b/PVEDiscordDark/sass/x/_viewport.sass index 2b4dcc5..a8a5f06 100644 --- a/PVEDiscordDark/sass/x/_viewport.sass +++ b/PVEDiscordDark/sass/x/_viewport.sass @@ -1,4 +1,4 @@ .x-viewport - background: #23272a + background: $darker > .x-body - background: #23272a \ No newline at end of file + background: $darker \ No newline at end of file diff --git a/PVEDiscordDark/sass/x/_window.sass b/PVEDiscordDark/sass/x/_window.sass index ec5ded2..f067e14 100644 --- a/PVEDiscordDark/sass/x/_window.sass +++ b/PVEDiscordDark/sass/x/_window.sass @@ -1,46 +1,46 @@ .x-window-body - background: #23272a + background: $darker border-bottom-width: 0 border-right-width: 0 .x-window-default //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) border-radius: 0 - background-color: #23272a + background-color: $darker //If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) box-shadow: none - border-color: #23272a + border-color: $darker border-style: none border-width: 0 padding: 0 .x-window-default-mc - background-color: #23272a + background-color: $darker .x-window-body-default color: white - border-width: 0!important + border-width: 0 !important .x-window-header-default-top //If you use compass, instead of the line below you could use + border-top-left-radius($radius) - border-top-left-radius: 0!important + border-top-left-radius: 0 !important //If you use compass, instead of the line below you could use + border-top-right-radius($radius) - border-top-right-radius: 0!important + border-top-right-radius: 0 !important //If you use compass, instead of the line below you could use + border-bottom-right-radius($radius) - border-bottom-right-radius: 0!important + border-bottom-right-radius: 0 !important //If you use compass, instead of the line below you could use + border-bottom-left-radius($radius) - border-bottom-left-radius: 0!important - background-color: #23272a - border-width: 0!important + border-bottom-left-radius: 0 !important + background-color: $darker + 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 + background: $darker border-bottom-width: 0 border-right-width: 0 .x-message-box .x-window-body - background-color: #2c2f33 \ No newline at end of file + background-color: $dark \ No newline at end of file