Fix various dark mode contrast issues

curl · Jun 19, 2023 · f25565f · f25565f
1 parent be6cdc2
commit f25565f
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 33 deletions.
diff --git a/_index.html b/_index.html
@@ -15,6 +15,16 @@
 .sponsors a:hover, .logo:hover {
     background: transparent;
 }
+.sidebar-box {
+    padding: 5px;
+    margin-bottom: 20px;
+    border: 1px black solid;
+}
+@media (prefers-color-scheme: dark) {
+    .sidebar-box {
+        border-color: white;
+    }
+}
 </style>
 </head>
 
@@ -50,37 +60,29 @@ <h2>Welcome to curl up 2019</h2>
 #endif
 
 <div style="float: right; max-width: 10em; margin-left: 20px;">
-
-<div class="sponsors">
- <b>Top&nbsp;Sponsors</b><p>
- <a href="sponsors.html">
- <img class="logo" src="pix/haxx.svg" alt="Haxx">
- <img class="logo" src="pix/wolfssl.svg" alt="wolfSSL">
- <img class="logo" src="pix/fastly.svg" alt="Fastly">
- <img class="logo" src="pix/teamviewer.svg" alt="Teamviewer">
- </a>
-</div>
-
-<div style="padding: 5px 5px 5px 5px;
- margin-bottom: 20px;
- font-size: 130%;
- border: 1px black solid;">
- Time to <a href="/donation.html">donate</a> to the curl project?
-</div>
-
-<div style="padding: 5px 5px 5px 5px;
- margin-bottom: 20px;
- font-size: 130%;
- border: 1px black solid;">
- <a href="/support.html">Commercial support</a> available!
-</div>
-
-<div style="padding: 5px 5px 5px 5px;
- border: 1px black solid;">
+ <div class="sponsors">
+  <b>Top&nbsp;Sponsors</b><p>
+  <a href="sponsors.html">
+  <img class="logo" src="pix/haxx.svg" alt="Haxx">
+  <img class="logo" src="pix/wolfssl.svg" alt="wolfSSL">
+  <img class="logo" src="pix/fastly.svg" alt="Fastly">
+  <img class="logo" src="pix/teamviewer.svg" alt="Teamviewer">
+  </a>
+ </div>
+
+ <div class="sidebar-box" style="font-size: 130%;">
+  Time to <a href="/donation.html">donate</a> to the curl project?
+ </div>
+
+ <div class="sidebar-box" style="font-size: 130%;">
+  <a href="/support.html">Commercial support</a> available!
+ </div>
+
+ <div class="sidebar-box">
   <a href="/book.html">Everything curl</a> is a detailed and
   totally free book that explains everything there is to know about
   curl, libcurl and the associated project.
-</div>
+ </div>
 </div>
 
 <p><b>Supports...</b>

diff --git a/curl.css b/curl.css
@@ -205,7 +205,6 @@ span.whodate {
 }
 
 tr.odd {
-  color: #000000;
   background-color: #e0e0e0;
 }
 
@@ -490,6 +489,10 @@ a.sitesearch:hover {
         background-color: #2c2c2c;
     }
 
+    h1 {
+        border-color: white;
+    }
+
     .dropdown-content {
         background-color: #4c4c4c;
     }
@@ -520,16 +523,30 @@ a.sitesearch:hover {
     td.ostitle, .older2 {
         color: white;
         background-color: #212121;
+        border-color: white;
     }
 
     .download2, div.quote {
         background-color: #2c2c2c;
+	border-color: white;
     }
 
     td.oslogo {
         background-color: white;
     }
 
+    .col1 {
+        border-color: white;
+    }
+
+    .osend {
+        border-color: white;
+    }
+
+    tr.odd {
+        background-color: #313131;
+    }
+
     div.oslinks {
         background: #2c2c2c;
     }

diff --git a/docs/comparison.css b/docs/comparison.css
@@ -1,7 +1,6 @@
 td.yes {
   font-weight: bold;
   text-align: center;
- /* background-color: #ffff44; */
   background-color: #00ff00;
 }
 
@@ -12,5 +11,19 @@ td.no {
 
 td.unknown {
   text-align: center;
-  color: #ff0000;
+  color: #e00000;
+}
+
+@media (prefers-color-scheme: dark) {
+  td.yes {
+    background-color: #008000;
+  }
+
+  td.no {
+    background-color: #806060;
+  }
+
+  td.unknown {
+    color: #ff4040;
+  }
 }
diff --git a/libcurl/c/_example-templ.html b/libcurl/c/_example-templ.html
@@ -14,7 +14,7 @@
        "/libcurl/c/example.html", %cfile%)
 
 TITLE(%cfile%)
-<div class="relatedbox" style="background-color: rgba(255,255,255,1); opacity: 1;">
+<div class="relatedbox">
 <b>Related:</b>
 <br><a href="https://github.com/curl/curl/issues/new?title=%cfile%%20example&amp;labels=documentation" target="_new">File a bug about %cfile%</a>
 <br><a href="https://github.com/curl/curl/blob/master/docs/examples/%cfile%" target="_new">View %cfile% in git</a>

diff --git a/libcurl/c/_example-warn.html b/libcurl/c/_example-warn.html
@@ -1,6 +1,6 @@
 <h2>Notice</h2>
 
-<div style="background-color: #ffff80; padding: 8px 8px 8px 8px;">
+<div style="color: #000; background-color: #ffff80; padding: 8px 8px 8px 8px;">
 This source code example is <strong>simplified</strong> and ignores return
 codes and error checks to a large extent. We do this to highlight the libcurl
 function calls and related options and reduce unrelated code.