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) server-digest SHA256) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id 44912BAB98 for ; Fri, 15 Dec 2023 11:52:34 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 27A31A3E for ; Fri, 15 Dec 2023 11:52:34 +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) server-digest SHA256) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS for ; Fri, 15 Dec 2023 11:52:33 +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 40512479B4 for ; Fri, 15 Dec 2023 11:52:33 +0100 (CET) From: Stefan Sterz To: pbs-devel@lists.proxmox.com Date: Fri, 15 Dec 2023 11:52:29 +0100 Message-Id: <20231215105229.84489-1-s.sterz@proxmox.com> X-Mailer: git-send-email 2.39.2 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL -0.084 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 T_SCC_BODY_TEXT_LINE -0.01 - Subject: [pbs-devel] [PATCH proxmox-offline-mirror] docs: add an auto dark mode to the docs X-BeenThere: pbs-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Backup Server development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Fri, 15 Dec 2023 10:52:34 -0000 this adds the dark mode from the proxmox backup server to the offline mirror for a more consistent appearance of the documentation across all products. Signed-off-by: Stefan Sterz --- docs/custom.css | 157 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 157 insertions(+) diff --git a/docs/custom.css b/docs/custom.css index fe8b795..7022b53 100644 --- a/docs/custom.css +++ b/docs/custom.css @@ -86,3 +86,160 @@ div.document, div.footer { margin: 15px auto 0px auto; } } + +@media screen and (prefers-color-scheme: dark) { + :root { + color-scheme: dark; + --pdt-grey-850: hsl(0deg, 0%, 85%); + --pdt-grey-500: hsl(0deg, 0%, 50%); + --pdt-grey-250: hsl(0deg, 0%, 25%); + --pdt-grey-200: hsl(0deg, 0%, 20%); + --pdt-grey-150: hsl(0deg, 0%, 15%); + --pdt-grey-100: hsl(0deg, 0%, 10%); + --pdt-primary-800: hsl(205deg, 100%, 80%); + --pdt-primary-700: hsl(205deg, 100%, 70%); + --pdt-red-200: hsl(360deg, 30%, 20%); + --pdt-red-350: hsl(360deg, 30%, 35%); + --pdt-yellow-250: hsl(40deg, 100%, 25%); + --pdt-body-background: var(--pdt-grey-150); + --pdt-text: var(--pdt-grey-850); + --pdt-border: var(--pdt-grey-500); + --pdt-shadow: var(--pdt-grey-100); + --pdt-headline: var(--pdt-primary-800); + --pdt-link: var(--pdt-primary-700); + --pdt-admonition-background: var(--pdt-grey-250); + --pdt-topic-background: var(--pdt-grey-200); + --pdt-warn: var(--pdt-yellow-250); + --pdt-crit: var(--pdt-red-200); + --pdt-crit-border: var(--pdt-red-350); + } + + /* body and links */ + body, div.body { + color: var(--pdt-text); + background-color: var(--pdt-body-background); + } + + a, + a:hover, + a.reference:hover { + color: var(--pdt-link); + border-bottom-color: var(--pdt-link); + } + + a.reference { + border-color: var(--pdt-border); + } + + a.headerlink:hover { + color: var(--pdt-text); + background-color: var(--pdt-admonition-background) + } + + div.sphinxsidebar ul ul a { + color: var(--pdt-text); + border-bottom-color: var(--pdt-border); + } + + div.sphinxsidebar a, + ul li.toctree-l1 > a, + div.sphinxsidebar ul, + div.sphinxsidebar a:hover { + color: var(--pdt-text); + border-bottom-color: var(--pdt-border); + } + + /* highlighting backgrounds */ + div.admonition, + div.highlight, + a:hover code, + pre { + background-color: var(--pdt-admonition-background); + } + + div.caution, div.warning { + background-color: var(--pdt-crit); + border-color: var(--pdt-crit-border); + } + + div.topic { + background-color: var(--pdt-topic-background); + border-color: var(--pdt-border); + } + + div.tip, + div.note, + div.important { + border-color: var(--pdt-border); + } + + img.logo { + filter: invert(100%) hue-rotate(180deg) brightness(90%); + } + + table.docutils { + box-shadow: 2px 2px 4px var(--pdt-shadow); + } + + hr.docutils { + border-color: var(--pdt-border); + } + + /* style headlines, titles etc. */ + h1, + h2, + h3, + h4, + h5, + h6, + span.caption-text, + div.sphinxsidebar h3, + div.sphinxsidebar h4 { + color: var(--pdt-headline); + } + + /* code */ + code { + color: var(--pdt-text); + background-color: var(--pdt-admonition-background); + } + + + .highlight span { + filter: brightness(1.5); + } + + .highlight .gh, + .highlight .nt { + color: var(--pdt-headline); + filter: none; + } + + .highlight .go { + color: var(--pdt-text); + filter: none; + } + + span.highlighted { + background-color: var(--pdt-warn); + } + + .related.bottom { + border-color: var(--pdt-border); + } + + /* sidebar */ + div.sphinxsidebar hr { + border-color: var(--pdt-border); + } + + div.sphinxsidebar input { + border-color: var(--pdt-border); + } +} + +@media screen and (max-width: 875px) and (prefers-color-scheme: dark) { + div.documentwrapper { + background: initial; + } +} -- 2.39.2