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 4E2D1906C5 for ; Thu, 9 Mar 2023 09:02:01 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 33ECC70B1 for ; Thu, 9 Mar 2023 09:01:31 +0100 (CET) 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 for ; Thu, 9 Mar 2023 09:01:30 +0100 (CET) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 759CD41DD4 for ; Thu, 9 Mar 2023 09:01:30 +0100 (CET) From: Stefan Sterz To: pmg-devel@lists.proxmox.com Date: Thu, 9 Mar 2023 09:01:26 +0100 Message-Id: <20230309080126.29894-1-s.sterz@proxmox.com> X-Mailer: git-send-email 2.30.2 In-Reply-To: <20230308161840.2396113-1-s.sterz@proxmox.com> References: <20230308161840.2396113-1-s.sterz@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL -0.076 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% 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: [pmg-devel] [PATCH pmg-gui v1 5/6] mobile quarantine: add dark theme support to the mobile quarantine X-BeenThere: pmg-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Mail Gateway development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Thu, 09 Mar 2023 08:02:01 -0000 enable the `autoDarkTheme` option for the mobile quarantine and add minimal styling to correct the look of the logo and the mail preview rendering. this makes the quarantine behave like the "auto" theme of the main gui, it will change it's theme depending on a media query. Signed-off-by: Stefan Sterz --- css/ext6-pmg-mobile.css | 10 ++++++++++ js/mobile/app.js | 1 + 2 files changed, 11 insertions(+) diff --git a/css/ext6-pmg-mobile.css b/css/ext6-pmg-mobile.css index adbd88b..85954f9 100644 --- a/css/ext6-pmg-mobile.css +++ b/css/ext6-pmg-mobile.css @@ -44,3 +44,13 @@ img.logo-navbar { font-size: 32px; } } + +@media (prefers-color-scheme: dark) { + img.logo-navbar { + filter: invert(100%) hue-rotate(180deg); + } + + .page-content > iframe { + background-color: var(--f7-color-white-shade); + } +} diff --git a/js/mobile/app.js b/js/mobile/app.js index f893780..9300607 100644 --- a/js/mobile/app.js +++ b/js/mobile/app.js @@ -3,6 +3,7 @@ app = new Framework7({ root: '#app', init: false, name: 'Proxmox Mail Gateway', + autoDarkTheme: true, routes: [ { path: '/:path/:subpath?', -- 2.30.2