You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
774 lines
12 KiB
774 lines
12 KiB
/* 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);
|
|
}
|
|
|
|
.pve-itype-icon-display {
|
|
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);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|