diff --git a/discordDark.css b/discordDark.css index 54e245e..67603fd 100644 --- a/discordDark.css +++ b/discordDark.css @@ -1,4 +1,4 @@ -/* PVEProxy files - /usr/share/pve-manager */ +/* PVEDiscordDark Theme by Weilbyte - https://github.com/Weilbyte/PVEDiscordDark */ .x-box-inner { overflow: hidden; @@ -39,7 +39,7 @@ /* Change dropdown field color and icon (images/form/trigger.png) */ .x-form-trigger-default { width: 22px; - background: 0 center #72767d url(https://i.imgur.com/uKlzb4D.png) no-repeat; + background: 0 center #72767d url(/pve2/images/dd_trigger.png) no-repeat; } /* Text color */ @@ -130,11 +130,11 @@ } .fa-ceph:before { - background-image: url(https://i.imgur.com/tp9KQqb.png); + background-image: url(/pve2/images/dd_cephwhite.png); } .x-treelist-row-over > * > .fa-ceph:before { - background-image: url(https://i.imgur.com/R13FV1x.png); + background-image: url(/pve2/images/dd_cephblurp.png); background-size: 14px 14px; transition:background-image 0.5s } @@ -203,7 +203,7 @@ /* Specific button colors - white/green/red/yellow */ -.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-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: #ffffff; } @@ -220,7 +220,7 @@ } /* Menus */ -.x-menu-item, .x-menu-default, .x-menu-header { +.x-menu-item, .x-menu-default { background: #7289da; border-width: 0; border-style: none; @@ -230,10 +230,7 @@ color: #ffffff; } -.x-title-text { - color: #ffffff; - background: #7289da; -} + .x-menu-item-default.x-menu-item-separator { height: 0; @@ -242,6 +239,12 @@ padding: 0; } +.x-menu-header { + border-width: 0; + border-radius: 1px; + background: #23272a; +} + /* Tooltips n Stuff! */ [id^="tooltip"] { @@ -261,7 +264,7 @@ /* Little graph button boyes on Summary page */ .x-tool-img { - background-image: url(https://i.imgur.com/kN6xgXB.png); + background-image: url(/pve2/images/dd_tool-sprites.png); } @@ -319,11 +322,11 @@ /* Collapse boyes */ .x-splitter-collapsed .x-layout-split-bottom { - background-image: url(https://i.imgur.com/EjDyRue.png); + background-image: url(/pve2/images/dd_mini-top.png); } .x-layout-split-bottom { - background-image: url(https://i.imgur.com/uQyiVX7.png); + background-image: url(/pve2/images/dd_mini-bottom.png); } /* Tabs! */ @@ -387,7 +390,7 @@ div[id^="pveNotesView-"][id$="-innerCt"] { img[src^="/pve2/images/proxmox_logo"] { background: #23272a; - content: url(https://i.imgur.com/lr4i4Cr.png); + content: url(/pve2/images/dd_logo.png); } [id^="versioninfo"] { @@ -442,17 +445,33 @@ div[id^="panel-"][id$="-body"] { background: #2c2f33 !important; } -/* Header color fixes */ +/* Header color fixes (NOT IN USE) -div[id^="pveGuestStatusView-"][id$="_header-title-textEl"], div[id^="pveNotesView-"][id$="_header-title-textEl"], div[id^="proxmoxRRDChart"][id$="_header-title-textEl"], div[id^="pveNodeStatus"][id$="_header-title-textEl"], div[id^="pveDc"][id$="_header-title-textEl"], div[id^="panel-"][id$="_header-title-textEl"], div[id^="pveStorage"][id$="_header-title-textEl"] { +div[id^="pveGuestStatusView-"][id$="_header-title-textEl"], div[id^="pveNotesView-"][id$="_header-title-textEl"], div[id^="proxmoxRRDChart"][id$="_header-title-textEl"], div[id^="pveNodeStatus"][id$="_header-title-textEl"], div[id^="pveDc"][id$="_header-title-textEl"], div[id^="panel-"][id$="_header-title-textEl"], div[id^="pveStorage"][id$="_header-title-textEl"], div[id^="pveStatusPanel"][id$="-placeholder-title-textEl"], div[id^="ext-comp-"][id$="_header-title-textEl"] { background: #23272a; color: #7289da; -} +} */ -/* CPU/RAM/STORAGE/etc icon color fixes */ +/* CPU/RAM/STORAGE/SWAP/etc icon color fixes */ .pve-itype-icon-processor { - background-image: url(../images/icon-cpu.png); + 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); +} + +/* Datacenter Search icon color fix */ + +.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; +}