public inbox for pbs-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: Stefan Sterz <s.sterz@proxmox.com>
To: pbs-devel@lists.proxmox.com
Subject: [pbs-devel] [PATCH proxmox-backup 2/3] docs: dark theme, dim borders and minor fixups
Date: Wed,  5 Apr 2023 10:12:08 +0200	[thread overview]
Message-ID: <20230405081209.543499-3-s.sterz@proxmox.com> (raw)
In-Reply-To: <20230405081209.543499-1-s.sterz@proxmox.com>

this commit adjust several border colors that weren't styled before
and appeared too brightly. also add styles to the "hide search
matches" link that had poor contrasts before.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
---
 docs/custom.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/docs/custom.css b/docs/custom.css
index 8a267105..4061d334 100644
--- a/docs/custom.css
+++ b/docs/custom.css
@@ -99,6 +99,7 @@ div.document, div.footer {
         --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);
@@ -110,6 +111,7 @@ div.document, div.footer {
         --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 */
@@ -125,6 +127,10 @@ div.document, div.footer {
         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)
@@ -135,6 +141,7 @@ div.document, div.footer {
         border-bottom-color: var(--pdt-border);
     }
 
+    div.sphinxsidebar a,
     ul li.toctree-l1 > a,
     div.sphinxsidebar ul,
     div.sphinxsidebar a:hover {
@@ -152,10 +159,18 @@ div.document, div.footer {
 
     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 {
@@ -166,6 +181,10 @@ div.document, div.footer {
         box-shadow: 2px 2px 4px var(--pdt-shadow);
     }
 
+    hr.docutils {
+        border-color: var(--pdt-border);
+    }
+
     /* style headlines, titles etc. */
     h1,
     h2,
@@ -204,4 +223,17 @@ div.document, div.footer {
     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);
+    }
 }
-- 
2.30.2





  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 ` [pbs-devel] [PATCH proxmox-backup 1/3] docs: make dark mode variables more consistent Stefan Sterz
2023-04-05  8:12 ` Stefan Sterz [this message]
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-3-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
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal