This commit is contained in:
deathbybandaid 2021-11-30 15:38:52 -05:00
parent ba99d69757
commit 4abeadb818

View File

@ -0,0 +1,578 @@
/* Dark Proxmox VE */
/* By DeepB */
/* v0.6 */
@-moz-document regexp("https://pve.*vs.*:.*/.*"), regexp("https://proxmox.*vs.*:.*/.*"), regexp("https://.*:8006/.*")
{
html, body
{
background-color: #222 !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
background-attachment: scroll !important;
color: #fff !important;
}
.x-grid-view
{
background-color: #000 !important;
color: white;
}
.x-tree-view
{
background-color: #222 !important;
color: white;
}
.x-fit-item
{
background-color: #222 !important;
color: white;
}
.x-box-inner
{
background-color: #222 !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
background-attachment: scroll !important;
color: white;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td
{
color: lightgrey;
}
input, textarea
{
background-color: gray !important;
color: white;
}
.x-btn .x-btn-center .x-btn-inner
{
color: brown;
}
.x-menu-item-text
{
color: brown;
}
.x-form-item-label
{
background-color: #222 !important;
color: green;
}
.x-panel-body
{
background-color: #222 !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
background-attachment: scroll !important;
color: white;
}
.x-tab-inner-default
{
background-color: #222 !important;
color: gray;
}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default
{
background-color: #222 !important;
color: white;
}
.x-btn-inner-default-toolbar-small
{
background-color: #222 !important;
color: coral;
}
.noVNC_status_normal
{
background-color: #222 !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
background-attachment: scroll !important;
color: white;
}
#noVNC_status
{
background-color: #222 !important;
color: coral;
}
.x-treelist-item-icon
{
color: #fff;
margin-left: 2px;
}
.x-treelist-item-text
{
color: #f9f9f9;
padding-left: 5px;
padding-right: 5px;
}
.pve-help-button .x-btn-inner
{
color: lightgray;
}
/**/
.x-btn-over.x-btn-default-toolbar-small .x-btn-inner
{
/**/
color: black;
/**/
background-color: transparent !important;
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.x-tab-bar-default
{
background-color: #201f1f;
}
.x-column-header-over, .x-column-header-open
{
background-color: #000;
}
.x-btn-inner-default-toolbar-small
{
background-color: #222 !important;
color: #d2d2d2;
}
.x-toolbar .x-toolbar-item
{
background-color: #222 !important;
color: lightgreen;
}
.x-unselectable > img
{
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.x-toolbar-footer
{
padding: 6px 0 6px 6px;
border-style: solid;
border-color: #cfcfcf;
border-width: 0;
background-image: none;
background-color: #222;
}
.x-treelist-item-selected > .x-treelist-row
{
background-color: #626262;
}
.x-boundlist-item
{
padding: 0 6px;
font: normal 13px helvetica, arial, verdana, sans-serif;
line-height: normal;
line-height: 22px;
cursor: pointer;
position: relative;
border-width: 1px;
border-style: dotted;
border-color: #fff;
color: #d1cece;
}
.x-boundlist-selected
{
background: #555;
border-color: #000;
}
.x-boundlist-item-over
{
color: #222;
}
.x-form-text-default
{
color: #f6f6f6;
padding: 3px 6px 2px;
background-color: #555 !important;
font: 300 13px/17px helvetica, arial, verdana, sans-serif;
min-height: 22px;
}
.x-mask
{
background-image: none;
background-color: rgba(35, 35, 35, 0.7);
cursor: default;
border-style: solid;
border-width: 1px;
border-color: transparent;
}
.x-item-disabled
{
background-image: none;
background-color: rgba(35, 35, 35, 0.7);
cursor: default;
border-style: solid;
border-width: 1px;
border-color: transparent;
}
.x-window-body-default
{
border-color: #f5f5f5;
border-width: 1px;
border-style: solid;
background: #222 !important;
;
color: #000;
font-size: 13px;
font-weight: 300;
font-family: helvetica, arial, verdana, sans-serif;
}
.x-form-display-field-default
{
min-height: 24px;
font: 300 13px/17px helvetica, arial, verdana, sans-serif;
color: #fff;
margin-top: 4px;
}
.x-toolbar-default
{
padding: 6px 0 6px 8px;
border-style: solid;
border-color: #cfcfcf;
border-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-image: none;
background-color: #222 !important;
}
.black
{
color: #fff;
}
.x-mask-msg
{
padding: 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: teal;
}
.x-tip-default
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 2px 2px 2px 2px;
border-width: 1px;
border-style: solid;
background-color: black;
}
.pve-itype-icon-virt-viewer, .pve-itype-icon-tigervnc, .pve-itype-icon-novnc, .pve-itype-icon-display, .pve-itype-icon-memory, .pve-itype-icon-processor, .pve-itype-icon-network, .pve-itype-icon-network-server, .pve-itype-icon-keyboard, .pve-itype-icon-cdrom, .pve-itype-icon-qemu, .pve-itype-icon-qemu-template, .pve-itype-icon-qemu-running, .pve-itype-icon-lxc, .pve-itype-icon-lxc-template, .pve-itype-icon-lxc-running, .pve-itype-icon-swap, .pve-itype-icon-node, .pve-itype-icon-node-running, .pve-itype-icon-storage, .pve-itype-icon-pool, .pve-itype-icon-itype, .pve-itype-icon-usb, .pve-itype-icon-pci
{
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
background-color: #ddd !important;
color: black;
}
.x-fit-item .x-grid-with-row-lines > .x-grid-item-container > .x-grid-item > tbody > tr.x-grid-row > .x-grid-cell-first > .x-grid-cell-inner
{
color: grey !important;
}
.x-grid-item-over
{
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.x-legend.x-horizontal .x-legend-item
{
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.x-legend, .x-legend-panel
{
background: transparent;
outline: none;
}
.x-legend-container
{
display: inline-block;
line-height: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
background: transparent;
}
.x-draw-container > .x-panel-body
{
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.x-progress-default .x-progress-bar-default
{
background-image: none;
background-color: darkorange;
}
.x-unselectable
{
background-color: #222;
background-clip: border-box;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
background-position: left top;
background-attachment: scroll;
color: white;
}
.x-btn-focus.x-btn-default-small
{
background-image: none;
background-color: #3892d4 !important;
-webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
-moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
}
.x-fieldset-header-default > .x-fieldset-header-text
{
font: 300 12px/7px helvetica, arial, verdana, sans-serif;
color: #fff;
padding: 1px 0;
}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default
{
background-color: transparent !important;
color: white;
}
.x-tab.x-tab-active.x-tab-default
{
border-color: #3892d4;
background-color: #19496c;
}
.x-tab-focus.x-tab-default
{
border-color: #f5f5f5;
background-color: transparent;
}
.x-tab-inner-default
{
background-color: transparent !important;
color: gray;
}
.x-menu-item-text
{
color: lightblue;
}
.x-menu-item-default.x-menu-item-active
{
background-image: none;
background-color: #000;
}
.x-window-header-default .x-tool-img
{
background-color: transparent;
}
.x-panel-header-default .x-tool-img
{
background-color: transparent;
}
.x-grid-item
{
background-color: transparent;
}
.x-grid-item-alt
{
background-color: transparent;
}
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item
{
border-top-style: solid;
border-top-color: orange;
}
.x-grid-with-row-lines .x-grid-item
{
border-style: solid;
border-width: 1px 0 0 1px;
border-color: transparent;
border-top-color: transparent;
}
.x-grid-with-row-lines .x-grid-item:first-child
{
border-top-color: transparent;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected
{
border-style: solid;
border-color: orange;
}
.x-grid-item-focused .x-grid-cell-inner::before
{
content: "";
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
pointer-events: none;
border: transparent;
}
.x-progress-default
{
background-color: darkslategray;
border-width: 0;
height: 20px;
border-color: #157fcc;
}
.x-treelist-item-text
{
color: lightgrey;
padding-left: -5px;
padding-right: -5px;
}
.x-treelist-item-icon
{
color: lightgrey;
margin-left: -2px;
}
.x-toolbar .x-toolbar-item
{
background-color: transparent !important;
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus
{
border-color: lightgreen;
}
/*
.x-form-trigger-default {
width: 22px;
background: 0 center #222 url(images/form/trigger.png) no-repeat;
}
.x-form-spinner-default {
background-image: url(images/form/spinner.png);
background-color: #222;
width: 22px;
height: 11px;
}
*/
.x-treelist-row
{
margin-top: 0px;
}
.x-grid-with-row-lines .x-grid-item
{
border-width: 1px 0 0 1px;
}
.x-treelist-item, .x-treelist-container, .x-treelist-root-container
{
margin: -2px;
}
.x-grid-item
{
color: #000;
font: 300 12px/7px helvetica, arial, verdana, sans-serif;
}
.x-grid-empty
{
padding: 10px;
color: grey;
background-color: transparent;
font: 300 12px helvetica, arial, verdana, sans-serif;
}
.x-btn-over.x-btn-default-toolbar-small
{
background-image: none;
background-color: #3892d4 !important;
-webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
-moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
}
.proxmox-inline-button .x-btn-inner
{
color: #6aba15;
}
a
{
color: orange;
}
}