From: Stefan Sterz <s.sterz@proxmox.com>
To: pbs-devel@lists.proxmox.com
Subject: [pbs-devel] [PATCH proxmox-backup 1/3] docs: make dark mode variables more consistent
Date: Wed, 5 Apr 2023 10:12:07 +0200 [thread overview]
Message-ID: <20230405081209.543499-2-s.sterz@proxmox.com> (raw)
In-Reply-To: <20230405081209.543499-1-s.sterz@proxmox.com>
this commit roles some color values into variables, cleans up unused
variables and makes variable naming a bit more consistent.
Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
---
docs/custom.css | 31 +++++++++++++++++--------------
1 file changed, 17 insertions(+), 14 deletions(-)
diff --git a/docs/custom.css b/docs/custom.css
index 9408f418..8a267105 100644
--- a/docs/custom.css
+++ b/docs/custom.css
@@ -92,20 +92,24 @@ div.document, div.footer {
color-scheme: dark;
--pdt-grey-850: hsl(0deg, 0%, 85%);
--pdt-grey-500: hsl(0deg, 0%, 50%);
- --pdt-grey-400: hsl(0deg, 0%, 40%);
--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-850: hsl(205deg, 100%, 85%);
--pdt-primary-800: hsl(205deg, 100%, 80%);
--pdt-primary-700: hsl(205deg, 100%, 70%);
- --pdt-secondary-850: hsl(250deg, 100%, 85%);
+ --pdt-red-200: hsl(360deg, 30%, 20%);
+ --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-background-admonition: var(--pdt-grey-250);
+ --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);
}
/* body and links */
@@ -123,19 +127,19 @@ div.document, div.footer {
a.headerlink:hover {
color: var(--pdt-text);
- background-color: var(--pdt-background-admonition)
+ background-color: var(--pdt-admonition-background)
}
div.sphinxsidebar ul ul a {
color: var(--pdt-text);
- border-bottom-color: var(--pdt-grey-500);
+ border-bottom-color: var(--pdt-border);
}
ul li.toctree-l1 > a,
div.sphinxsidebar ul,
div.sphinxsidebar a:hover {
color: var(--pdt-text);
- border-bottom-color: var(--pdt-grey-500);
+ border-bottom-color: var(--pdt-border);
}
/* highlighting backgrounds */
@@ -143,15 +147,15 @@ div.document, div.footer {
div.highlight,
a:hover code,
pre {
- background-color: var(--pdt-background-admonition);
+ background-color: var(--pdt-admonition-background);
}
div.caution, div.warning {
- background-color: #422;
+ background-color: var(--pdt-crit);
}
div.topic {
- background-color: var(--pdt-grey-200);
+ background-color: var(--pdt-topic-background);
}
img.logo {
@@ -159,7 +163,7 @@ div.document, div.footer {
}
table.docutils {
- box-shadow: 2px 2px 4px var(--pdt-grey-100);
+ box-shadow: 2px 2px 4px var(--pdt-shadow);
}
/* style headlines, titles etc. */
@@ -176,10 +180,9 @@ div.document, div.footer {
}
/* code */
-
code {
color: var(--pdt-text);
- background-color: var(--pdt-background-admonition);
+ background-color: var(--pdt-admonition-background);
}
@@ -199,6 +202,6 @@ div.document, div.footer {
}
span.highlighted {
- background-color: #a19231;
+ background-color: var(--pdt-warn);
}
}
--
2.30.2
next prev parent reply other threads:[~2023-04-05 8:12 UTC|newest]
Thread overview: 5+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-04-05 8:12 [pbs-devel] [PATCH proxmox-backup 0/3] Proxmox Dark Theme - PBS Doc Fix-ups Stefan Sterz
2023-04-05 8:12 ` Stefan Sterz [this message]
2023-04-05 8:12 ` [pbs-devel] [PATCH proxmox-backup 2/3] docs: dark theme, dim borders and minor fixups Stefan Sterz
2023-04-05 8:12 ` [pbs-devel] [PATCH proxmox-backup 3/3] docs: make logo path and index link absolute Stefan Sterz
2023-04-06 6:50 ` [pbs-devel] applied-series: [PATCH proxmox-backup 0/3] Proxmox Dark Theme - PBS Doc Fix-ups Thomas Lamprecht
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20230405081209.543499-2-s.sterz@proxmox.com \
--to=s.sterz@proxmox.com \
--cc=pbs-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox