Weilbyte
5 years ago
25 changed files with 0 additions and 322667 deletions
@ -1,481 +0,0 @@ |
|||||
@-moz-document regexp("(https:\/\/.*):(8006)\/?(.*)") |
|
||||
{ |
|
||||
.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,.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(https://github.com/Weilbyte/PVEDiscordDark/raw/master/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,.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,.x-legend.x-docked-bottom .x-legend-item,.x-legend-panel.x-docked-top .x-legend-item,.x-legend-panel.x-docked-bottom .x-legend-item { |
|
||||
border-left:0; |
|
||||
border-bottom:0 |
|
||||
} |
|
||||
|
|
||||
.x-treelist-item-leaf,.x-treelist-container,.x-treelist-row,.x-treelist-row-with-icon,.x-treelist-item-expandable,.x-treelist-item-wrap,.x-treelist-item-text,.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(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_cephwhite.png) |
|
||||
} |
|
||||
|
|
||||
.x-treelist-row-over > * > .fa-ceph:before { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/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,.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,.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,.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over,.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,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play,.x-btn-inner.x-btn-inner-default-toolbar-small,.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal { |
|
||||
color:#fff |
|
||||
} |
|
||||
|
|
||||
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play,.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,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop,.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,.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"],[id^="ext-quicktips-tip-innerCt"],[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"],[id^="ext-form-error"],.x-tip-default { |
|
||||
background-color:#7289da; |
|
||||
color:#fff; |
|
||||
border-radius:0; |
|
||||
border-width:0 |
|
||||
} |
|
||||
|
|
||||
.x-tool-img { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/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,.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 { |
|
||||
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-form-text,.x-form-item-label-inner-default,.x-window-text,.x-form-display-field,.x-component { |
|
||||
color:#fff |
|
||||
} |
|
||||
|
|
||||
.x-mask { |
|
||||
background-color:rgba(26,26,29,0.27) |
|
||||
} |
|
||||
|
|
||||
.x-splitter-collapsed .x-layout-split-bottom { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-top.png) |
|
||||
} |
|
||||
|
|
||||
.x-layout-split-bottom { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-bottom.png) |
|
||||
} |
|
||||
|
|
||||
.x-tab { |
|
||||
background:#737fab; |
|
||||
color:#fff; |
|
||||
border-width:0 |
|
||||
} |
|
||||
|
|
||||
.x-tab-inner { |
|
||||
color:#fff |
|
||||
} |
|
||||
|
|
||||
.x-tab-active,.x-tab-over,.x-tab-default-focus,.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,.x-column-header-default,.x-grid-item,.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,.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(https://github.com/Weilbyte/PVEDiscordDark/raw/master/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,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server,.fa-building.online,.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building,.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube,.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop,.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database,.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop,.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,.x-box-scroller-body-vertical,.x-vertical-scroller,.x-toolbar-vertical-scroller,.x-toolbar-default-vertical-scroller { |
|
||||
background:#2c2f33!important |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-processor { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cpu.png) |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-memory { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-ram.png) |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-storage { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-hdd.png) |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-swap { |
|
||||
background-image:url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-swap.png) |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-display, .x-grid-row-console { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-display.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-cdrom { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cd.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-network { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-network.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-pci { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-pci.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-usb { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-usb.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-serial { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-serial.png); |
|
||||
} |
|
||||
|
|
||||
.pve-itype-icon-cloud { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cloud.png); |
|
||||
} |
|
||||
|
|
||||
.fa-fw.x-grid-icon-custom.fa.fa-database,.fa-fw.x-grid-icon-custom.fa.fa-desktop,.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,.qemu:after { |
|
||||
background:transparent!important; |
|
||||
color:#7289da; |
|
||||
text-shadow:0 0 0 #2c2f33!important |
|
||||
} |
|
||||
|
|
||||
.x-tree-icon-custom:after,.x-grid-icon-custom:after { |
|
||||
text-shadow:0 0 0 #2c2f33 |
|
||||
} |
|
||||
|
|
||||
* { |
|
||||
font-weight: 350; |
|
||||
} |
|
||||
|
|
||||
.x-surface-canvas { |
|
||||
filter: invert(100%); |
|
||||
} |
|
||||
|
|
||||
.x-legend-item-marker { |
|
||||
filter: invert(100%); |
|
||||
} |
|
||||
|
|
||||
.x-grid-row-loading { |
|
||||
background-image: url(https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_loading.svg); |
|
||||
background-size: 32px; |
|
||||
} |
|
||||
|
|
||||
.x-grid-item-alt { |
|
||||
background:#23272a; |
|
||||
border-width:0!important; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,50 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
|
|
||||
Say () { |
|
||||
printf "\e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
DotSay () { |
|
||||
printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
Say '[PVE Discord Dark UI Theme Installer]' |
|
||||
Say 'Internet connection required to download files' |
|
||||
Say '>Press any key to begin installation' |
|
||||
read -p "" |
|
||||
Say ' ' |
|
||||
DotSay 'Backing up index template file' |
|
||||
cp /usr/share/pve-manager/index.html.tpl /usr/share/pve-manager/index.html.tpl.bak |
|
||||
DotSay 'Applying stylesheet..' |
|
||||
echo "<link rel='stylesheet' type='text/css' href='/pve2/css/dd_style.css'>" >> /usr/share/pve-manager/index.html.tpl |
|
||||
cd /usr/share/pve-manager/css |
|
||||
wget -O dd_style.css https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/style.css &> /dev/null |
|
||||
DotSay 'Applied stylesheet!' |
|
||||
DotSay 'Downloading images..' |
|
||||
cd /usr/share/pve-manager/images |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_cephblurp.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_cephwhite.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cpu.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-hdd.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-ram.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-swap.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cd.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-display.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-network.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-cloud.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-serial.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-usb.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_icon-pci.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_logo.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-bottom.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-top.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_readme &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_tool-sprites.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_trigger.png &> /dev/null |
|
||||
wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_loading.svg &> /dev/null |
|
||||
|
|
||||
DotSay 'Downloaded images!' |
|
||||
Say '' |
|
||||
Say 'Installation finished!' |
|
||||
Say 'o7' |
|
||||
@ -1,26 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
|
|
||||
Say () { |
|
||||
printf "\e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
DotSay () { |
|
||||
printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
Say '[PVE Discord Dark UI Theme Remover]' |
|
||||
Say '>Press any key to remove theme' |
|
||||
read -p "" |
|
||||
Say ' ' |
|
||||
DotSay 'Reverting template change' |
|
||||
rm /usr/share/pve-manager/index.html.tpl |
|
||||
cp /usr/share/pve-manager/index.html.tpl.bak /usr/share/pve-manager/index.html.tpl |
|
||||
DotSay 'Removing stylesheet' |
|
||||
rm /usr/share/pve-manager/css/dd_style.css |
|
||||
DotSay 'Removing images' |
|
||||
cd /usr/share/pve-manager/images |
|
||||
rm dd_* |
|
||||
Say '' |
|
||||
Say 'Theme removed!' |
|
||||
Say 'o7' |
|
||||
@ -1,32 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
|
|
||||
Say () { |
|
||||
printf "\e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
DotSay () { |
|
||||
printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
Say '[PVE Discord Dark UI Theme JSMOD Installer]' |
|
||||
Say 'Internet connection REQUIRED.' |
|
||||
Say '!!ONLY FOR PVE 5.4-3!!' |
|
||||
Say '>Press any key to begin installation' |
|
||||
read -p "" |
|
||||
Say ' ' |
|
||||
DotSay 'Backing up files' |
|
||||
cp /usr/share/pve-manager/js/pvemanagerlib.js /usr/share/pve-manager/js/pvemanagerlib.js.bak |
|
||||
cp /usr/share/javascript/extjs/charts.js /usr/share/javascript/extjs/charts.js.bak |
|
||||
cp /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js.bak |
|
||||
DotSay 'Replacing files with modded versions' |
|
||||
rm /usr/share/pve-manager/js/pvemanagerlib.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/5.4-3/pvemanagerlib.js -P /usr/share/pve-manager/js/ &> /dev/null |
|
||||
rm /usr/share/javascript/extjs/charts.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/5.4-3/charts.js -P /usr/share/javascript/extjs/ &> /dev/null |
|
||||
rm /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/5.4-3/proxmoxlib.js -P /usr/share/javascript/proxmox-widget-toolkit/ &> /dev/null |
|
||||
DotSay 'Applied successfully.' |
|
||||
Say '' |
|
||||
Say 'Installation finished!' |
|
||||
Say 'o7' |
|
||||
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,32 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
|
|
||||
Say () { |
|
||||
printf "\e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
DotSay () { |
|
||||
printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
Say '[PVE Discord Dark UI Theme JSMOD Installer]' |
|
||||
Say 'Internet connection REQUIRED.' |
|
||||
Say '!!ONLY FOR PVE 6.0-4 - 6.1-x!!' |
|
||||
Say '>Press any key to begin installation' |
|
||||
read -p "" |
|
||||
Say ' ' |
|
||||
DotSay 'Backing up files' |
|
||||
cp /usr/share/pve-manager/js/pvemanagerlib.js /usr/share/pve-manager/js/pvemanagerlib.js.bak |
|
||||
cp /usr/share/javascript/extjs/charts.js /usr/share/javascript/extjs/charts.js.bak |
|
||||
cp /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js.bak |
|
||||
DotSay 'Replacing files with modded versions' |
|
||||
rm /usr/share/pve-manager/js/pvemanagerlib.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/pvemanagerlib.js -P /usr/share/pve-manager/js/ &> /dev/null |
|
||||
rm /usr/share/javascript/extjs/charts.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/charts.js -P /usr/share/javascript/extjs/ &> /dev/null |
|
||||
rm /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/proxmoxlib.js -P /usr/share/javascript/proxmox-widget-toolkit/ &> /dev/null |
|
||||
DotSay 'Applied successfully.' |
|
||||
Say '' |
|
||||
Say 'Installation finished!' |
|
||||
Say 'o7' |
|
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,36 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
|
|
||||
Say () { |
|
||||
printf "\e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
DotSay () { |
|
||||
printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
Say '[PVE Discord Dark UI Theme JSMOD Installer]' |
|
||||
Say 'Internet connection REQUIRED.' |
|
||||
Say '!!ONLY FOR PVE 6.0-4 - 6.1-x!!' |
|
||||
Say '>Press any key to begin installation' |
|
||||
read -p "" |
|
||||
Say ' ' |
|
||||
DotSay 'Backing up files' |
|
||||
cp /usr/share/pve-manager/js/pvemanagerlib.js /usr/share/pve-manager/js/pvemanagerlib.js.bak |
|
||||
cp /usr/share/javascript/extjs/charts.js /usr/share/javascript/extjs/charts.js.bak |
|
||||
cp /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js.bak |
|
||||
DotSay 'Modding files' |
|
||||
#replace white with #23272a |
|
||||
sed -i -e "s/'white'/'#23272a'/g" /usr/share/pve-manager/js/pvemanagerlib.js |
|
||||
|
|
||||
#Proxmox changed nothing here to last version, so we can use it without modifications |
|
||||
rm /usr/share/javascript/extjs/charts.js |
|
||||
wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/charts.js -P /usr/share/javascript/extjs/ &> /dev/null |
|
||||
|
|
||||
sed -i -e "s/#c2ddf2/#7289DA/g" /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js |
|
||||
sed -i -e "s/#f5f5f5/#2C2F33/g" /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js |
|
||||
|
|
||||
DotSay 'Applied patch successfully.' |
|
||||
Say '' |
|
||||
Say 'Installation finished!' |
|
||||
Say 'o7' |
|
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,22 +0,0 @@ |
|||||
# PVEDiscordDark Javascript Modifications |
|
||||
|
|
||||
As you might have noticed, the CSS edits on its own do not completely darken Proxmox's Web UI. |
|
||||
HOWEVER, I have found a way to change that - by modifying it's javascript files. |
|
||||
|
|
||||
These modifications are server-side only and currently it is only working on PVE 5.4-3 as I dont have servers that run an older version. If you're running an older version you could send me the files needed so I could take a look at them but for now this is all I have. |
|
||||
|
|
||||
## Installation |
|
||||
Download the bash file for your version and run it anywhere on your Proxmox **node**. If the changes arent appearing on your browser right away, please clear cache. |
|
||||
|
|
||||
Currently supported versions are 5.4-3, 6.0-4 and 6.1-3. |
|
||||
|
|
||||
## Uninstallation |
|
||||
The bash script backs up the files it replaces. Just remove the modified file and remove the '.bak' extension from the end of the backed up files. |
|
||||
|
|
||||
## Files modified |
|
||||
The files modified are.. |
|
||||
* `/usr/share/pve-manager/js/pvemanager.js` |
|
||||
* `/usr/share/javascript/extjs/charts.js` |
|
||||
* `/usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js` |
|
||||
|
|
||||
For more on whats modified, check [here.](https://github.com/Weilbyte/PVEDiscordDark/blob/master/serverside/jsmod/changes.md) |
|
||||
@ -1,31 +0,0 @@ |
|||||
# Changes |
|
||||
Here you will find exactly what I have modified from the original Proxmox files |
|
||||
|
|
||||
## 5-4.3 |
|
||||
* **pvemanager.js** |
|
||||
Dark color for node summary background to dark (`line 17026`) |
|
||||
Dark color for background of the TFA QR Code (`line 34513`) |
|
||||
Dark color for the S.M.A.R.T disk report (`line 15744`) |
|
||||
Dark color for the system report in subscription tab (`line 17210`) |
|
||||
* **charts.js** |
|
||||
Dark chart background color (`line 8874`) |
|
||||
White chart label color (`+line 8888`) |
|
||||
White chart title color (`+line 8895`) |
|
||||
Light dark color for the chart grid (`line 8901`) |
|
||||
White gauge text (`line 8935`) |
|
||||
* **proxmoxlib.js** |
|
||||
Blurple color for gauge filled meter (`line 4462`) |
|
||||
Dark color for gauge meter background (`line 4463`) |
|
||||
|
|
||||
## 6.0-4 |
|
||||
* **pvemanagerlib.js** |
|
||||
`background-color` to `#23272a` for node summary background (`line 18019`) |
|
||||
`background-color` to `#23272a` for TFA QR code background (`line 35826`) |
|
||||
`background-color` to `#23272a` for S.M.A.R.T disk report (`line 16729`) |
|
||||
`background-color` to `#23272a` for system report (`line 18203`) |
|
||||
* **charts.js** |
|
||||
Remains roughly the same as 5-4.3 |
|
||||
* **proxmoxlib.js** |
|
||||
`defaultColor` to `#7289DA` (`line 5084`) |
|
||||
`backgroundColor` to `#2C2F33` (`line 5085`) |
|
||||
|
|
||||
@ -1,834 +0,0 @@ |
|||||
/* 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-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-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: transparent; |
|
||||
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: 1px solid #d23d3f; |
|
||||
} |
|
||||
|
|
||||
#userinfo.x-btn { |
|
||||
background-color: transparent !important; |
|
||||
border: 1px solid #d23d3f !important; |
|
||||
} |
|
||||
|
|
||||
#menuitem-1030-iconEl { |
|
||||
color: white; |
|
||||
} |
|
||||
|
|
||||
#menuitem-1031-iconEl { |
|
||||
color: white; |
|
||||
} |
|
||||
|
|
||||
#menuitem-1032-iconEl { |
|
||||
color: white; |
|
||||
} |
|
||||
|
|
||||
#menuitem-1034-iconEl { |
|
||||
color: #c52d2f; |
|
||||
} |
|
||||
|
|
||||
.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 { |
|
||||
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-form-text { |
|
||||
color:#fff; |
|
||||
} |
|
||||
|
|
||||
.x-form-item-label-inner-default { |
|
||||
color:#fff; |
|
||||
} |
|
||||
|
|
||||
.x-window-text { |
|
||||
color:#fff; |
|
||||
} |
|
||||
|
|
||||
.x-form-display-field { |
|
||||
color: #707C80; |
|
||||
} |
|
||||
|
|
||||
.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-item-alt { |
|
||||
background:#23272a; |
|
||||
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, .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); |
|
||||
} |
|
||||
|
|
||||
.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; |
|
||||
} |
|
||||
|
|
||||
.x-grid-row-loading { |
|
||||
background-image: url(/pve2/images/dd_loading.svg); |
|
||||
background-size: 32px; |
|
||||
} |
|
||||
|
|
||||
.proxmox-invalid-row { |
|
||||
background-color: #401314; |
|
||||
} |
|
||||
Loading…
Reference in new issue