by increasing the lightness of these colors to to make them have the same amount of lightness as the primary color.
Signed-off-by: Stefan Sterz <s.st...@proxmox.com> --- src/proxmox-dark/scss/extjs/_progress.scss | 4 ++-- src/proxmox-dark/scss/other/_charts.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/proxmox-dark/scss/extjs/_progress.scss b/src/proxmox-dark/scss/extjs/_progress.scss index 4f2bb49..5d5941c 100644 --- a/src/proxmox-dark/scss/extjs/_progress.scss +++ b/src/proxmox-dark/scss/extjs/_progress.scss @@ -11,9 +11,9 @@ } .x-progress.warning .x-progress-bar { - background-color: $background-warning; + background-color: var(--pwt-gauge-warn); } .x-progress.critical .x-progress-bar { - background-color: $background-invalid; + background-color: var(--pwt-gauge-crit); } diff --git a/src/proxmox-dark/scss/other/_charts.scss b/src/proxmox-dark/scss/other/_charts.scss index 5c67282..26b0104 100644 --- a/src/proxmox-dark/scss/other/_charts.scss +++ b/src/proxmox-dark/scss/other/_charts.scss @@ -7,8 +7,8 @@ --pwt-text-color: #{$text-color}; --pwt-gauge-default: #{$primary-color}; --pwt-gauge-back: #{$background-dark}; - --pwt-gauge-warn: #{$background-warning}; - --pwt-gauge-crit: #{$background-invalid}; + --pwt-gauge-warn: #{adjust-color($background-warning, $lightness: lightness($primary-color))}; + --pwt-gauge-crit: #{adjust-color($background-invalid, $lightness: lightness($primary-color))}; --pwt-chart-primary: #{$primary-color}; --pwt-chart-grid-stroke: #{$content-background-selected}; } -- 2.30.2 _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel