From 0a20a21b95082f3d261ae6c3dbbf28ba965f6b77 Mon Sep 17 00:00:00 2001
From: Mars Niermann <mars@mniermann.de>
Date: Fri, 1 Dec 2023 09:24:03 +0100
Subject: [PATCH] Update Proxmox Theme

---
 src/sites/proxmox.user.css | 70 +++++++++++++++++++++++++++++++++-----
 1 file changed, 62 insertions(+), 8 deletions(-)

diff --git a/src/sites/proxmox.user.css b/src/sites/proxmox.user.css
index e317cf7..aabb2b2 100644
--- a/src/sites/proxmox.user.css
+++ b/src/sites/proxmox.user.css
@@ -1,43 +1,53 @@
 /* ==UserStyle==
 @name           Gruvbox for Proxmox
 @namespace      git.m3.fyi/Marsn3
-@version        1.0.5
+@version        1.0.6
 @description    Gruvbox Theme for Proxmox
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
 @updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/proxmox.user.css
 @license MIT
 ==/UserStyle== */
-@-moz-document domain("pve.m3.fyi"),domain("pve.mniermann.de") {
+@-moz-document domain("pve.m3.fyi"), domain("pve.mniermann.de") {
+
   .x-progress.critical .x-progress-bar,
   .proxmox-invalid-row {
     background-color: var(--red);
   }
+
   #proxmoxlogo-1018-img {
     filter: invert(100%) sepia(100%);
   }
+
   .critical {
     color: var(--red);
   }
+
   .warning {
     color: var(--yellow);
   }
+
   .good {
     color: var(--green);
   }
+
   .x-progress.warning .x-progress-bar {
     background-color: var(--yellow);
   }
+
   .x-progress-default .x-progress-bar-default {
     background-color: var(--green);
   }
+
   .x-progress-default {
     background-color: var(--fg4);
     border: none;
   }
+
   .x-mask {
     background-color: rgb(var(--rgb-bg4) / 70%) !important;
   }
+
   .x-tab-icon-el-default,
   .x-column-header,
   .x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el,
@@ -55,27 +65,33 @@
   .x-body,
   .x-menu-item-text-default,
   .x-treelist-item-expander,
-  .x-treelist-row-over > * > .x-treelist-item-icon,
-  .x-treelist-row-over > * > .x-treelist-item-text {
+  .x-treelist-row-over>*>.x-treelist-item-icon,
+  .x-treelist-row-over>*>.x-treelist-item-text {
     color: var(--fg);
   }
+
   #userinfo {
     background-color: var(--bg4) !important;
     border-color: var(--fg) !important;
   }
-  .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
+
+  .x-grid-with-row-lines .x-grid-item-selected+.x-grid-item {
     border-top-color: var(--fg2);
   }
+
   .x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
   .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
     filter: var(--filter-reset) var(--filter-bg);
   }
+
   .x-treelist-pve-nav,
+  .x-treelist-item,
   .x-grid-item {
     background-color: var(--bg3);
     color: var(--fg);
   }
-  .x-treelist-item-selected > .x-treelist-row,
+
+  .x-treelist-item-selected>.x-treelist-row,
   .x-grid-item-selected,
   .x-menu-item-default.x-menu-item-focus,
   .x-menu-item-default.x-menu-item-active,
@@ -83,7 +99,7 @@
   .x-column-header-over,
   .x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small,
   .x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small,
-  .x-treelist-row-over > * > .x-treelist-item-expander,
+  .x-treelist-row-over>*>.x-treelist-item-expander,
   .x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small,
   .x-btn-over.x-btn-over.x-btn-default-toolbar-small,
   #noVNC_modifiers {
@@ -92,40 +108,50 @@
     background-color: var(--fg4);
     color: var(--fg);
   }
+
   .x-keyboard-mode .x-grid-item-focused,
   .x-keyboard-mode .x-column-header.x-column-header-focus {
     color: var(--fg2);
   }
+
   .x-grid-with-row-lines .x-grid-item {
     border-color: var(--fg4);
   }
+
   .x-tree-icon-custom.stopped,
   .x-grid-icon-custom.stopped,
   .x-tree-icon-custom.offline,
   .x-grid-icon-custom.offline {
     color: var(--fg3);
   }
+
   .x-tree-icon-custom.running {
     color: var(--bg);
   }
+
   .noVNC_panel,
   .noVNC_panel .noVNC_heading {
     background: var(--bg);
     color: var(--fg);
   }
+
   .usage-wrapper {
     border: 1px solid var(--bg1);
   }
+
   .usage {
     background-color: var(--bg1);
   }
+
   .x-tree-icon-custom {
     color: var(--bg1);
   }
+
   .x-toolbar-default .x-toolbar-separator-horizontal {
     border-left-color: var(--fg4);
     border-right-color: var(--fg);
   }
+
   .fa-ceph:before,
   .x-tree-arrows .x-tree-expander,
   .x-grid-row-console,
@@ -136,10 +162,12 @@
   .noVNC_button {
     filter: var(--filter-reset) var(--filter-fg);
   }
+
   .x-btn-default-toolbar-small {
     border-color: var(--fg4);
     background-color: var(--fg3);
   }
+
   .x-btn.x-btn-disabled.x-btn-default-toolbar-small {
     background-color: var(--fg3);
   }
@@ -153,6 +181,7 @@
     text-shadow: none;
     color: var(--green);
   }
+
   .x-boundlist,
   .x-mask-msg,
   #noVNC_control_bar,
@@ -161,13 +190,16 @@
     background: var(--bg);
     border-color: var(--bg4);
   }
+
   .x-form-item-label-default {
     color: var(--fg3);
   }
+
   .x-tab.x-tab-disabled.x-tab-default {
     border-color: var(--bg4);
     background-color: var(--bg2);
   }
+
   .x-form-invalid-field-default,
   .x-form-text-default,
   .x-tab-bar-default,
@@ -175,65 +207,80 @@
     background-color: var(--bg3);
     color: var(--fg);
   }
+
   .x-form-trigger-wrap-default.x-form-trigger-wrap-focus,
   .x-tool-tool-el {
     border-color: var(--green);
   }
+
   .x-column-header {
     border-right: 1px solid var(--bg3);
   }
+
   .x-panel-header-default,
   .x-column-header,
   .x-grid-header-ct {
     background-color: var(--bg2);
     border-color: var(--bg4);
   }
+
   .x-grid-header-ct {
     border: 1px solid var(--bg4);
   }
+
   .x-column-header-trigger,
   .x-menu-icon-separator-default {
     background-color: var(--bg2);
     border-left: 1px solid var(--bg4);
   }
+
   .x-window-header-default .x-tool-img,
   .x-panel-header-default .x-tool-tool-el {
     background-color: var(--bg2);
   }
+
   body.x-border-layout-ct,
   div.x-border-layout-ct {
     background-color: var(--bg1);
   }
+
   .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
     border-color: var(--red);
   }
+
   .x-splitter-collapsed .x-layout-split-bottom,
   .x-layout-split-bottom,
   .x-column-header-sort-DESC .x-column-header-text-inner {
     filter: var(--filter-reset) var(--filter-fg2);
   }
+
   .x-toolbar-default {
     background-color: var(--bg2);
     border-color: var(--bg4);
   }
+
   .x-btn-over.x-btn-default-small {
     background-color: var(--green-dim);
     border-color: var(--green-dim);
   }
+
   .x-btn-default-small,
   .x-tab.x-tab-active.x-tab-default,
   .x-btn.x-btn-disabled.x-btn-default-small {
     background-color: var(--green);
     border-color: var(--green);
   }
+
   .x-body {
     color: var(--fg);
     background: var(--bg);
   }
+
   .x-window-default {
     border-color: var(--bg4);
     background-color: var(--bg4);
   }
+
   .x-window-header-default,
   .x-panel-default,
   .x-form-trigger-wrap-default,
@@ -241,14 +288,17 @@
   .x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
     border-color: var(--bg4);
   }
+
   .x-form-trigger-default {
     background-color: var(--bg1);
   }
+
   .x-window-header-default-top,
   .x-toolbar-footer,
   .x-tab-default-top {
     background-color: var(--bg2);
   }
+
   .x-tip-form-invalid {
     background-color: var(--bg3);
     border: var(--bg4);
@@ -261,6 +311,7 @@
     background: var(--bg);
     color: var(--fg);
   }
+
   .x-form-text-default::placeholder {
     color: var(--fg3);
   }
@@ -275,15 +326,18 @@
     border-color: var(--green-dim);
     box-shadow: none;
   }
+
   .x-boundlist-item-over,
   .x-boundlist-selected,
   .x-tab-over.x-tab-default {
     background: var(--green);
     border-color: var(--green);
   }
+
   .x-legend-horizontal .x-legend-item {
     border-color: var(--fg4) !important;
   }
+
   .x-boundlist-item,
   .x-legend-container,
   .x-legend {
@@ -292,4 +346,4 @@
     box-shadow: none;
     border-color: var(--bg4);
   }
-}
+}
\ No newline at end of file