From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [IPv6:2a01:7e0:0:424::9]) by lore.proxmox.com (Postfix) with ESMTPS id 039671FF16F for ; Tue, 24 Jun 2025 14:19:25 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 459E3368B4; Tue, 24 Jun 2025 14:19:59 +0200 (CEST) From: Dominik Csapak To: yew-devel@lists.proxmox.com Date: Tue, 24 Jun 2025 14:19:17 +0200 Message-Id: <20250624121925.57056-4-d.csapak@proxmox.com> X-Mailer: git-send-email 2.39.5 In-Reply-To: <20250624121925.57056-1-d.csapak@proxmox.com> References: <20250624121925.57056-1-d.csapak@proxmox.com> MIME-Version: 1.0 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.022 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 URIBL_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to URIBL was blocked. See http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more information. [introduction.md] Subject: [yew-devel] [PATCH yew-widget-toolkit-assets 3/4] color scheme: add `pwt-default-colors` helper X-BeenThere: yew-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Yew framework devel list at Proxmox List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Reply-To: Yew framework devel list at Proxmox Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: 7bit Errors-To: yew-devel-bounces@lists.proxmox.com Sender: "yew-devel" this helper makes it more easier to apply the color scheme settings to a custom component. Otherwise one would have to manually set color and background-color. Signed-off-by: Dominik Csapak --- scss/introduction.md | 4 ++++ scss/mixins/_color_scheme.scss | 5 +++++ 2 files changed, 9 insertions(+) diff --git a/scss/introduction.md b/scss/introduction.md index 9a2d795..9baa240 100644 --- a/scss/introduction.md +++ b/scss/introduction.md @@ -108,6 +108,10 @@ changes the colors of the widget. The `pwt-scheme-` and `pwt-scheme--container` helper classes can be used to set those variables. +There is also the `pwt-default-colors` class to set the `color` and +`background-color` properties directly to the `--pwt-color` and +`--pwt-color-background` respectively. + A similar scheme is used for widgets with an associated accent color, using the following CSS variables: diff --git a/scss/mixins/_color_scheme.scss b/scss/mixins/_color_scheme.scss index 630ddce..36b26ca 100644 --- a/scss/mixins/_color_scheme.scss +++ b/scss/mixins/_color_scheme.scss @@ -34,6 +34,11 @@ // @include outline-button-color-scheme-vars($name, $important: true); //} + .pwt-default-colors { + color: var(--pwt-color); + background-color: var(--pwt-color-background); + } + .pwt-color-#{$name} { color: var(--pwt-color-#{$name}); } -- 2.39.5 _______________________________________________ yew-devel mailing list yew-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel