[SCM] Samba Website Repository - branch master updated

[Björn Jacke]

The branch, master has been updated
       via  559504d screen.css: adopt for clients prefering dark mode
      from  4dc471c use webp version on bg image

https://git.samba.org/?p=samba-web.git;a=shortlog;h=master


- Log -----------------------------------------------------------------
commit 559504dc101528f2f18f9f08e7c14a621337d996
Author: Björn Jacke <bj at sernet.de>
Date:   Sat Apr 25 20:58:27 2020 +0200

    screen.css: adopt for clients prefering dark mode
    
    TODO: get rid of gifs (and use plain css instead) for the boxes, which does not
    fit at all for dynamic dark mode adoption.

-----------------------------------------------------------------------

Summary of changes:
 style/2010/grey/screen.css | 43 +++++++++++++++++++++++++++++++++++--------
 1 file changed, 35 insertions(+), 8 deletions(-)


Changeset truncated at 500 lines:

diff --git a/style/2010/grey/screen.css b/style/2010/grey/screen.css
index b0519b1..94fc233 100644
--- a/style/2010/grey/screen.css
+++ b/style/2010/grey/screen.css
@@ -3,9 +3,36 @@
  */
 
 /* general styles -----------------------------*/
+:root {
+  --main-bg-color: #ffffff;
+  --main-text-color: black;
+  --link-blue: #045d9a;
+  --headline-color: #666666;
+  --main-box-bg-color: #c0c0c0;
+  --main-pre-bg-color: #c99;
+}
+
+ at media(prefers-color-scheme: dark) {
+  :root {
+  --main-bg-color: black;
+  --main-text-color: #ffffdd;
+  --link-blue: #9cd6fc;
+  --headline-color: #fff;
+  --main-box-bg-color: #333;
+  --main-pre-bg-color: #a09;
+  }
+  a:link {
+    color: red;
+  }
+  a:visited {
+    color: green;
+  }
+
+}
+
 html {
-	color: #333333;
-	background: #ffffff;
+	color: var(--main-text-color);
+	background: var(--main-bg-color);
 }
 
 body,
@@ -132,8 +159,8 @@ pre, code, kbd, samp, tt {
 }
 
 body {
-	background-color: #ffffff;
-	color: #333333;
+	background-color: var(--main-bg-color);
+	color: var(--main-fg-color);
 	font-size: 13px;
 	line-height: 16px;
 	font-family: Arial, sans-serif;
@@ -262,7 +289,7 @@ body * {
 #bd #nav ul ul li a:link,
 #bd #nav ul ul li a:visited,
 #bd #nav ul ul li a:active {
-	color: #474747;
+	color: #000;
 	font-size: 11px;
 	line-height: 13px;
 	/* margin: 1px 0 0; */
@@ -624,7 +651,7 @@ h2 {
 }
 
 #pageStart h2 {
-	color: #666666;
+	color: var(--headline-color);
 	font-size: 24px;
 	font-weight: normal;
 	line-height: 32px;
@@ -632,7 +659,7 @@ h2 {
 }
 
 h3 {
-	color: #666666;
+	color: var(--headline-color);
 	font-size: 16px;
 	font-weight: bold;
 	font-family: Georgia, serif;
@@ -657,7 +684,7 @@ a:link,
 a:visited,
 a:active,
 a[href]:hover {
-	color: #045d9a;
+	color: var(--link-blue);
 	font-size: 13px;
 	line-height: 16px;
 	text-decoration: none;


-- 
Samba Website Repository