Skip to content

Dark Proxmox VE version by hradec

Write a review Install Get Stylus

Details

Authorhradec

LicenseNO-REDISTRIBUTION

Categoryuserstyles

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark version for Proxmox VE version

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Dark Proxmox VE version 
@namespace      USO Archive 
@author         DeepB (remixed by Hradec)
@description    `A dark version for Proxmox VE version`
@version        2021.1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/* Dark Proxmox VE */
/* By DeepB */
/* v0.6 */
@-moz-document 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-act...

Reviews

No reviews yet.