Bug 559611: Welcome page not respecting dark theme

Adapt Purple Mesh theme for dark theme

Change-Id: I2da85dc1c9c3218c12f568134761badd92f331ba

7 files changed, 36 insertions, 4 deletions

diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.jpg b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.jpg
deleted file mode 100644
index ce1cada20..000000000
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.jpg
+++ /dev/null
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.png b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.png
new file mode 100644
index 000000000..8504652de
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/background.png
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.gif b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.gif
deleted file mode 100644
index 8c5ec1df2..000000000
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.gif
+++ /dev/null
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.png b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.png
new file mode 100644
index 000000000..f9bf8d9b0
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/graphics/contentpage/backgroundcurve.png
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/root.css b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/root.css
index 1e27cbec3..def967894 100644
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/root.css
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/root.css
@@ -30,7 +30,7 @@
  */
 body {
 	min-width : 770px;
	/* since IE doesn't support min-width, use expression */
-	width:expression(document.body.clientWidth < 770? "770px": "auto" );
	background-image : url(../graphics/root/background.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	background-color : #7169D1;
+	width:expression(document.body.clientWidth < 770? "770px": "auto" );
	background-image : url(../graphics/root/background.png);
	background-repeat : no-repeat;
	background-position : top left;
	background-color : #7169D1;
 }
 #root {
 /*
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/shared.css b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/shared.css
index 9c4d539fc..f6c761856 100644
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/shared.css
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/shared.css
@@ -153,7 +153,7 @@ body {
 	height : 164px;
 	position : absolute;
 	top : 0px;
-	background-image : url(../graphics/contentpage/backgroundcurve.gif);
+	background-image : url(../graphics/contentpage/backgroundcurve.png);
 	background-repeat : no-repeat;
 	background-position : top center;
 	margin : 0;
@@ -184,7 +184,7 @@ body, .page{
 
 .page { 
 	min-height : 475px;
-	background-image : url(../graphics/contentpage/background.jpg);
+	background-image : url(../graphics/contentpage/background.png);
 	background-repeat : repeat-x;
 	background-position : top left;
 }
@@ -421,3 +421,35 @@ iframe {
 	width: 98%;
 	padding-left: 2%;
 }	
+
+@media (prefers-color-scheme: dark) {
+  .page { 
+    background-color:#3d3d3d;
+  }
+
+  body .importance-low {
+    background-color:#3d3d3d;
+  }
+
+  H1, H2, H3, H4, p, a {
+    color: #f0f0f0;
+  }
+
+  H4 .div-label {
+    color: #f0f0f0; 
+  }
+
+  .topicList {
+    color: #69c;
+  }
+
+  .rss-feed-link a {
+    color: #69c;
+  }
+
+  .section-title-link .section-title, .content-link .link-label,
+  .section-title-link:focus .section-title {
+    color: #69c;
+  }
+
+}
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/standby.css b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/standby.css
index 587e710a7..9b2c52335 100644
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/standby.css
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/standby.css
@@ -43,7 +43,7 @@ body {
 	min-width : 230px;
 	/* since IE doesn't support min-width, use expression */
 	width:expression(document.body.clientWidth < 230? "230px": "auto" );
-	background-image : url(../graphics/root/background.jpg);
+	background-image : url(../graphics/root/background.png);
 	background-repeat : no-repeat;
 	background-position : top left;
 	background-color : #7169D1;