/* PVEDiscordDark Theme by Weilbyte - https://github.com/Weilbyte/PVEDiscordDark */ .x-box-inner { overflow:hidden; position:relative; left:0; top:0; background:#23272a; } .x-body { color:#fff; font-size:13px; line-height:17px; font-weight:300; font-family:helvetica, arial, verdana, sans-serif; background:#fff; } .x-viewport { background:#23272a; } .x-viewport > .x-body { background:#23272a; } .x-form-text-default { color:#818082; background-color:#4a4d53; font:300 13px/17px helvetica, arial, verdana, sans-serif; min-height:22px; padding:0 6px 2px; } .x-form-trigger-wrap-default { border-color:#cfcfcf; border-style:solid; border-width:0; } .x-form-trigger-default { width:22px; background:0 center #72767d url(/pve2/images/dd_trigger.png) no-repeat; } .x-panel-body-default { background:#2c2f33; color:#fff; font-size:13px; font-weight:300; font-family:helvetica, arial, verdana, sans-serif; border-color:#fff; border-style:solid; border-width:0; } .x-grid-cell-inner { background:#2c2f33; color:#fff; } .x-grid-cell-rowbody { background:#2c2f33; color:#fff; } .x-toolbar-default { background-color:#2c2f33; border-width:0; } .x-toolbar { background:#2c2f33; } #toolbar-1069-innerCt { background:#2c2f33; } .x-autocontainer-innerCt { background:#2c2f33; } [id^="toolbar"] { background:#2c2f33; } [id^="legend"] { background:#23272a; border-color:red; } .x-legend-item { background:#2c2f33; color:#fff; border-width:0; } .x-legend-container { background:#2c2f33; border-radius:0; box-shadow:rgba(0,0,0,0) 0 0 0; border-width:0; } .x-legend.x-docked-top .x-legend-item { border-left:0; border-bottom:0; } .x-legend.x-docked-bottom .x-legend-item { border-left:0; border-bottom:0; } .x-legend-panel.x-docked-top .x-legend-item { border-left:0; border-bottom:0; } .x-legend-panel.x-docked-bottom .x-legend-item { border-left:0; border-bottom:0; } .x-treelist-item-leaf { background:#2c2f33; color:#fff; } .x-treelist-container { background:#2c2f33; color:#fff; } .x-treelist-row { background:#2c2f33; color:#fff; } .x-treelist-row-with-icon { background:#2c2f33; color:#fff; } .x-treelist-item-expandable { background:#2c2f33; color:#fff; } .x-treelist-item-wrap { background:#2c2f33; color:#fff; } .x-treelist-item-text { background:#2c2f33; color:#fff; } .x-treelist-item-icon { background:#2c2f33; color:#fff; } .x-treelist-item-selected > .x-treelist-row { background-color:#23272a; } .x-treelist-row-over { color:#FF0; } .x-treelist-row-over > * > .x-treelist-item-text { color:#7289da; transition:color .5s; } .x-treelist-row-over > * > .x-treelist-item-icon { color:#7289da; transition:color .5s; } .fa-ceph:before { background-image:url(/pve2/images/dd_cephwhite.png); } .x-treelist-row-over > * > .fa-ceph:before { background-image:url(/pve2/images/dd_cephblurp.png); background-size:14px 14px; transition:background-image .5s; } .x-progress { background:#2c2f33; } .x-progress-bar { background-color:#7289da!important; } .x-progress-text.x-progress-text-back { color:#fff!important; } .x-progress-text { color:#fff!important; } .x-component.x-box-item.x-component-default { background:#23272a; } .x-panel-header { background:#23272a; border:0; } .x-title-text { color:#7289da; } .x-btn { background:#7289da; border-width:0; } .x-btn-inner { color:#fff; } .x-btn-inner.x-btn-inner-default-small { color:#fff; } #button-1030 { background:#23272a; border-color:#d23d3f; border-width:1px; } .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over { background-color:#677bc4; } .x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over { background-color:#677bc4; } .x-menu-item-focus { background-color:#677bc4; } .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active { background-color:#677bc4; } .x-btn-disabled { background-image:none; background-color:#737fab!important; } .x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play { color:#43b581; } .x-btn-inner.x-btn-inner-default-toolbar-small { color:#fff; } .x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal { color:#fff; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play { color:#43b581; } .x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off { color:#d23d3f; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop { color:#d23d3f; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop { color:#d23d3f; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-power-off { color:#d23d3f; } .x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-pause { color:#faa61a; } .x-menu-item { background:#7289da; border-style:none; border-width:0; } .x-menu-default { background:#7289da; border-style:none; border-width:0; } .x-menu-item-text { color:#fff; } .x-menu-item-default.x-menu-item-separator { height:0; border-top-width:0; margin:0; padding:0; } .x-menu-header { border-radius:1px; background:#23272a; border-width:0; } [id^="tooltip"] { background:#7289da; color:#fff; border-width:0; } [id^="ext-quicktips-tip-body"] { background-color:#7289da; color:#fff; border-radius:0; border-width:0; } [id^="ext-quicktips-tip-innerCt"] { background-color:#7289da; color:#fff; border-radius:0; border-width:0; } [id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] { background-color:#7289da; color:#fff; border-radius:0; border-width:0; } [id^="ext-form-error"] { background-color:#7289da; color:#fff; border-radius:0; border-width:0; } .x-tip-default { background-color:#7289da; color:#fff; border-radius:0; border-width:0; } .x-tool-img { background-image:url(/pve2/images/dd_tool-sprites.png); } .x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct { background:#23272a; border-bottom-width:0; border-right-width:0; } .x-window-body { background:#23272a; border-bottom-width:0; border-right-width:0; } .x-window-default { border-radius:0; background-color:#23272a; box-shadow:none; border-color:#23272a; border-style:none; border-width:0; padding:0; } .x-window-default-mc { background-color:#23272a; } .x-window-body-default { border-width:0!important; } .x-window-header-default-top { border-top-left-radius:0!important; border-top-right-radius:0!important; border-bottom-right-radius:0!important; border-bottom-left-radius:0!important; background-color:#23272a; border-width:0!important; padding:9px; } .x-form-text { color:#fff; } .x-form-item-label-inner-default { color:#fff; } .x-window-text { color:#fff; } .x-form-display-field { color:#fff; } .x-component { color:#fff; } .x-mask { background-color:rgba(26,26,29,0.27); } .x-splitter-collapsed .x-layout-split-bottom { background-image:url(/pve2/images/dd_mini-top.png); } .x-layout-split-bottom { background-image:url(/pve2/images/dd_mini-bottom.png); } .x-tab { background:#737fab; color:#fff; border-width:0; } .x-tab-inner { color:#fff; } .x-tab-active { background:#7289da!important; border-width:0!important; } .x-tab-over { background:#7289da!important; border-width:0!important; } .x-tab-default-focus { background:#7289da!important; border-width:0!important; } .x-tab-focus { background:#7289da!important; border-width:0!important; } .x-tab-bar-body { background:#23272a; } .x-tab-disabled { background:#737fab!important; } .x-column-header-inner { background:#2c2f33; border-width:0!important; } .x-column-header-default { background:#2c2f33; border-width:0!important; } .x-grid-item { background:#2c2f33; border-width:0!important; } .x-grid-header-ct { background:#2c2f33; border-width:0!important; } .x-column-header-text-inner { color:#fff; } .x-column-header-trigger { border-color:#23272a; } .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default { color:#fff; } .x-grid-group-title { color:#fff; } [id^="pveNodeStatus"] { background:#23272a; } div[id^="pveNotesView-"][id$="-innerCt"] { background:#23272a; } img[src^="/pve2/images/proxmox_logo"] { background:#23272a; content:url(/pve2/images/dd_logo.png); } [id^="versioninfo"] { background:#23272a; } [id^="proxmoxGauge"] { background:#23272a; } div[id^="panel-"][id$="-body"] { background:#23272a; } .x-surface-canvas { border-radius:3px; } .x-component.x-fieldset-header-text.x-component-default { color:#fff; } .x-fieldset-default { border:1px solid #7289da; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server { color:#7289da!important; } .fa-building.online { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop { color:#7289da!important; } .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube { color:#7289da!important; } .x-grid-group-hd.x-grid-group-hd-collapsible { background:#23272a; color:#fff; border-width:0; } .x-splitter { background:#23272a; } .x-box-scroller { background:#2c2f33!important; } .x-box-scroller-body-vertical { background:#2c2f33!important; } .x-vertical-scroller { background:#2c2f33!important; } .x-toolbar-vertical-scroller { background:#2c2f33!important; } .x-toolbar-default-vertical-scroller { background:#2c2f33!important; } .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); } .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; } html { overflow:scroll; overflow-x:hidden; } ::-webkit-scrollbar { width:0; background:transparent; } .lxc:after { background:transparent!important; color:#7289da; text-shadow:0 0 0 #2c2f33!important; } .qemu:after { background:transparent!important; color:#7289da; text-shadow:0 0 0 #2c2f33!important; } .x-tree-icon-custom:after { text-shadow:0 0 0 #2c2f33; } .x-grid-icon-custom:after { text-shadow:0 0 0 #2c2f33; } * { font-weight: 350; }