From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id 1B9BA984D5; Fri, 14 Apr 2023 15:29:05 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id E84B326452; Fri, 14 Apr 2023 15:29:04 +0200 (CEST) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [94.136.29.106]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS; Fri, 14 Apr 2023 15:29:04 +0200 (CEST) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 0B46241F7B; Fri, 14 Apr 2023 15:29:04 +0200 (CEST) From: Stefan Sterz To: pbs-devel@lists.proxmox.com, pmg-devel@lists.proxmox.com, pve-devel@lists.proxmox.com Date: Fri, 14 Apr 2023 15:28:07 +0200 Message-Id: <20230414132811.1485897-2-s.sterz@proxmox.com> X-Mailer: git-send-email 2.30.2 In-Reply-To: <20230414132811.1485897-1-s.sterz@proxmox.com> References: <20230414132811.1485897-1-s.sterz@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL -0.103 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pve-devel] [PATCH widget-toolkit 1/2] dark-mode: adjust panel header tool icons X-BeenThere: pve-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox VE development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Fri, 14 Apr 2023 13:29:05 -0000 by brigthenening the icons on a more individual basis some darker ones can now feature higher contrasts while others won't be too bright. Signed-off-by: Stefan Sterz --- src/proxmox-dark/scss/extjs/_panel.scss | 37 +++++++++++++++++++++---- 1 file changed, 32 insertions(+), 5 deletions(-) diff --git a/src/proxmox-dark/scss/extjs/_panel.scss b/src/proxmox-dark/scss/extjs/_panel.scss index 217d3f8..a3c9682 100644 --- a/src/proxmox-dark/scss/extjs/_panel.scss +++ b/src/proxmox-dark/scss/extjs/_panel.scss @@ -2,15 +2,42 @@ background-color: $content-background-color; border: none; - // The small navigation elements in the panel header bar e.g. to - // collapse a panel .x-tool-tool-el { background-color: transparent; - filter: brightness(120%); + } +} + +// The small navigation elements in the panel header bar e.g. to +// collapse a panel +.x-tool-img { + filter: brightness(175%); + + // these are brighter per default, so they don't need to be + // brigthened as much + &.x-tool-expand, + &.x-tool-collapse, + &.x-tool-refresh { + filter: brightness(125%); + } + + // this icon uses multiple tones, to have them behave appropriatelly + // invert them before brightening them + &.x-tool-print { + filter: invert(100%) hue-rotate(180deg) brightness(125%); + } + + .x-tool-over & { + filter: brightness(200%); + } + + .x-tool-over &.x-tool-expand, + .x-tool-over &.x-tool-collapse, + .x-tool-over &.x-tool-refresh { + filter: brightness(150%); } - .x-tool-over .x-tool-tool-el { - filter: brightness(140%); + .x-tool-over &.x-tool-print { + filter: invert(100%) hue-rotate(180deg) brightness(150%); } } -- 2.30.2