Add support for prefers-color-scheme: dark in banner
Header now also supports dark theme. To enable that add a monochrome
version of the eclipse logo. The logo is dark on light background in
the light theme and light on dark background in the dark theme.
Change-Id: I047348532f74a95dae7014c1b1e69e1ffe3af534
Signed-off-by: Matthias Becker <ma.becker@sap.com>
diff --git a/infoCenter/app/banner/banner.css b/infoCenter/app/banner/banner.css
index fcde104..273852c 100644
--- a/infoCenter/app/banner/banner.css
+++ b/infoCenter/app/banner/banner.css
@@ -122,4 +122,16 @@
.right h1 span{
font-size:13px;
font-weight: normal
+}
+
+@media (prefers-color-scheme: dark) {
+ header {
+ color: #f0f0f0;
+ background: #3d3d3d;
+ }
+
+ #logo {
+ filter: invert(1);
+
+ }
}
\ No newline at end of file
diff --git a/infoCenter/app/banner/banner.html b/infoCenter/app/banner/banner.html
index 91010e6..56dc32f 100644
--- a/infoCenter/app/banner/banner.html
+++ b/infoCenter/app/banner/banner.html
@@ -14,7 +14,7 @@
<header class="clearfix">
<div class="left">
<a href="http://www.eclipse.org/" target="_parent">
- <img src="images/eclipse-800x188.png" alt="Eclipse.org" height="31" id="logo"/>
+ <img src="images/eclipse_logo_mono.svg" alt="Eclipse.org" height="31" id="logo"/>
</a>
</div>
<div class="right">
diff --git a/infoCenter/app/banner/images/eclipse_logo_mono.svg b/infoCenter/app/banner/images/eclipse_logo_mono.svg
new file mode 100644
index 0000000..ed33592
--- /dev/null
+++ b/infoCenter/app/banner/images/eclipse_logo_mono.svg
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="800"
+ height="200"
+ viewBox="0 0 800 200"
+ enable-background="new 0 0 612 792"
+ xml:space="preserve"
+ sodipodi:docname="eclipse_logo_white.svg"
+ inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+ id="metadata37"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs35" /><sodipodi:namedview
+ pagecolor="#c7c7c7"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1017"
+ id="namedview33"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-global="false"
+ inkscape:zoom="1.1919192"
+ inkscape:cx="88.895625"
+ inkscape:cy="76.534955"
+ inkscape:window-x="-8"
+ inkscape:window-y="-8"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1"
+ showguides="false"><inkscape:grid
+ type="xygrid"
+ id="grid3770" /></sodipodi:namedview>
+
+
+
+
+
+
+
+
+
+
+
+
+<path
+ d="M 51.477695,123.99966 H 22.993844 c 3.771422,12.93716 10.769903,24.53381 21.015856,34.77977 16.334325,16.33432 35.975662,24.49298 58.94442,24.49298 4.59138,0 9.03985,-0.34193 13.36074,-0.99347 17.30057,-2.61124 32.4475,-10.43307 45.42548,-23.49951 10.3123,-10.24596 17.36011,-21.84261 21.16046,-34.77977 h -11.55923 -16.90251 z"
+ id="path2"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><g
+ style="stroke-width:0.58784187;fill:#000000;fill-opacity:1"
+ id="g8"
+ transform="matrix(1.7011378,0,0,1.7011378,-119.66017,-572.75576)">
+ <path
+ d="m 179.102,386.84 c 0.322,1.922 0.541,3.884 0.641,5.896 H 172.872 97.596 92.381 81.985 c 0.099,-2.012 0.316,-3.974 0.637,-5.896 h 8.747 z"
+ id="path4"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:0.58784187;fill-opacity:1" />
+ <path
+ d="m 179.744,398.211 c -0.1,2.013 -0.319,3.975 -0.642,5.896 h -6.846 -73.648 -6.893 -9.094 c -0.32,-1.921 -0.538,-3.883 -0.637,-5.896 z"
+ id="path6"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:0.58784187;fill-opacity:1" />
+</g><path
+ d="M 182.9042,75.996958 C 179.10726,63.024081 172.05774,51.37469 161.74034,41.055588 148.79639,28.11163 133.69198,20.345936 116.44755,17.732989 c -4.36172,-0.661743 -8.85442,-1.008775 -13.49343,-1.008775 -22.968758,0 -42.611796,8.112726 -58.94442,24.331374 C 33.760345,51.37469 26.758462,63.024081 22.98874,75.996958 Z"
+ id="path10"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><g
+ style="stroke-width:0.58784187;fill:#000000;fill-opacity:1"
+ id="g14"
+ transform="matrix(1.7011378,0,0,1.7011378,-119.66017,-572.75576)">
+ <path
+ d="m 79.078,395.475 c 0,-25.824 19.395,-47.281 44.626,-51.055 -0.626,-0.023 -1.255,-0.048 -1.887,-0.048 -28.314,0 -51.269,22.88 -51.269,51.103 0,28.224 22.954,51.104 51.269,51.104 0.634,0 1.263,-0.025 1.891,-0.048 -25.235,-3.773 -44.63,-25.231 -44.63,-51.056 z"
+ id="path12"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:0.58784187;fill-opacity:1" />
+</g><rect
+ x="475.98132"
+ y="6.1567297"
+ width="17.346502"
+ height="21.965092"
+ id="rect16"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><path
+ d="m 331.15325,96.548404 v 8.481876 h -79.75784 c 0.7519,11.94709 4.35151,21.04137 10.79372,27.29475 6.44391,6.25679 15.41571,9.38008 26.9154,9.38008 6.66166,0 13.11918,-0.81485 19.37596,-2.44794 6.25338,-1.63139 12.45573,-4.08613 18.61895,-7.35572 v 16.40747 c -6.22276,2.63847 -12.60203,4.65091 -19.1395,6.03394 -6.53747,1.38302 -13.1668,2.07369 -19.8914,2.07369 -16.84297,0 -30.18329,-4.90098 -40.01927,-14.70804 -9.83598,-9.80536 -14.75397,-23.06233 -14.75397,-39.78111 0,-17.283558 4.66622,-31.003235 13.99867,-41.152223 9.33244,-10.148988 21.92086,-15.226884 37.75675,-15.226884 14.2062,0 25.43881,4.572658 33.70294,13.717975 8.26753,9.140213 12.39959,21.570427 12.39959,37.282136 M 313.80675,91.4586 c -0.12758,-9.488947 -2.78306,-17.064113 -7.96643,-22.718695 -5.18676,-5.657985 -12.05256,-8.485276 -20.59907,-8.485276 -9.67948,0 -17.42646,2.733729 -23.23925,8.202887 -5.81449,5.465755 -9.16062,13.166806 -10.04011,23.094646 z"
+ id="e"
+ inkscape:connector-curvature="0"
+ fill="#ffffff"
+ stroke-width="1"
+ style="fill:#000000;fill-opacity:1" /><path
+ d="m 421.13154,52.147006 v 16.213545 c -4.90438,-2.701407 -9.82407,-4.727462 -14.75567,-6.079867 -4.9367,-1.352404 -9.91593,-2.026055 -14.9445,-2.026055 -11.25132,0 -19.98667,3.565585 -26.20603,10.698456 -6.22276,7.132871 -9.33414,17.144067 -9.33414,30.025085 0,12.88441 3.11138,22.89561 9.33414,30.02848 6.21936,7.13627 14.95471,10.69846 26.20603,10.69846 5.02857,0 10.0078,-0.67365 14.9445,-2.02266 4.92989,-1.3524 9.85129,-3.37846 14.75567,-6.08326 v 16.02812 c -4.84144,2.26251 -9.85469,3.96024 -15.03806,5.0898 -5.18847,1.13296 -10.70016,1.69774 -16.54697,1.69774 -15.90224,0 -28.53318,-4.99795 -37.89625,-14.99043 -9.36646,-9.99078 -14.04799,-23.474 -14.04799,-40.44455 0,-17.217218 4.72746,-30.763378 14.18749,-40.631678 9.45832,-9.864898 22.4244,-14.8016 38.88631,-14.8016 5.34497,0 10.56066,0.554571 15.65387,1.651805 5.0898,1.097233 10.0248,2.749038 14.8016,4.948609"
+ id="path20"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><rect
+ x="436.81772"
+ y="6.986896"
+ width="17.349905"
+ height="146.69252"
+ id="rect22"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><path
+ d="m 475.98132,48.089793 h 17.3465 V 153.67942 h -17.3465 z"
+ id="path24"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><path
+ d="m 531.92154,137.84182 v 56.00146 H 514.48147 V 48.089793 h 17.44007 v 16.02812 c 3.64554,-6.282302 8.25052,-10.951925 13.81154,-14.000364 5.56272,-3.043336 12.21076,-4.572658 19.93903,-4.572658 12.82488,0 23.24095,5.089804 31.2516,15.274516 8.01406,10.183011 12.02024,23.569264 12.02024,40.158763 0,16.5963 -4.00618,29.98255 -12.02024,40.16216 -8.01065,10.17961 -18.42672,15.27452 -31.2516,15.27452 -7.72827,0 -14.37631,-1.52422 -19.93903,-4.57436 -5.56102,-3.04504 -10.166,-7.71296 -13.81154,-13.99867 m 59.01927,-36.86365 c 0,-12.758537 -2.62485,-22.76633 -7.87456,-30.025085 -5.24631,-7.260456 -12.45914,-10.887282 -21.63678,-10.887282 -9.17763,0 -16.39046,3.628527 -21.63337,10.887282 -5.24971,7.260456 -7.87456,17.266548 -7.87456,30.025085 0,12.76193 2.62485,22.77313 7.87456,30.02848 5.24291,7.26046 12.45574,10.88728 21.63337,10.88728 9.17764,0 16.39047,-3.62852 21.63678,-10.88728 5.24971,-7.25535 7.87456,-17.26655 7.87456,-30.02848"
+ id="path26"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><path
+ d="m 690.53393,51.202875 v 16.404072 c -4.90438,-2.512581 -9.99419,-4.399143 -15.27452,-5.657985 -5.28033,-1.255439 -10.74779,-1.883159 -16.40407,-1.883159 -8.61116,0 -15.06698,1.318382 -19.37426,3.960249 -4.30558,2.638464 -6.45582,6.598713 -6.45582,11.877344 0,4.019788 1.53783,7.180502 4.61859,9.475337 3.07736,2.293134 9.2695,4.475694 18.57302,6.552783 l 5.93697,1.318382 c 12.31964,2.641867 21.072,6.362255 26.25536,11.173072 5.18677,4.80742 7.78101,11.5167 7.78101,20.12446 0,9.80536 -3.8837,17.56595 -11.64599,23.28688 -7.76059,5.71752 -18.43013,8.57883 -32.00521,8.57883 -5.65458,0 -11.54902,-0.55116 -17.67992,-1.6484 -6.1275,-1.09893 -12.58162,-2.75074 -19.37426,-4.95031 v -17.91468 c 6.41329,3.33593 12.72791,5.8315 18.95238,7.49861 6.22276,1.66542 12.37918,2.49557 18.47605,2.49557 8.17397,0 14.45287,-1.39493 18.85541,-4.1933 4.40255,-2.80007 6.59872,-6.74161 6.59872,-11.83141 0,-4.71386 -1.58546,-8.32707 -4.75808,-10.84476 -3.17603,-2.51258 -10.13708,-4.9333 -20.88487,-7.26045 l -6.03054,-1.41195 c -10.74779,-2.26251 -18.51008,-5.73453 -23.28687,-10.416065 -4.7751,-4.681532 -7.16349,-11.106729 -7.16349,-19.280696 0,-9.931243 3.52135,-17.59657 10.55896,-23.001085 7.03761,-5.404514 17.03179,-8.111025 29.97915,-8.111025 6.40989,0 12.44552,0.471216 18.10181,1.411945 5.65628,0.949235 10.87197,2.361179 15.65047,4.247741"
+ id="path28"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /><path
+ d="m 799.64831,96.548404 v 8.481876 h -79.75785 c 0.7536,11.94709 4.34981,21.04137 10.79542,27.29475 6.43881,6.25679 15.41401,9.38008 26.912,9.38008 6.66506,0 13.12088,-0.81485 19.37766,-2.44794 6.25338,-1.63139 12.45573,-4.08613 18.61895,-7.35572 v 16.40747 c -6.22276,2.63847 -12.60202,4.65091 -19.1412,6.03394 -6.53237,1.38132 -13.1634,2.07369 -19.888,2.07369 -16.84807,0 -30.18499,-4.90098 -40.01927,-14.70804 -9.83768,-9.80536 -14.75567,-23.06233 -14.75567,-39.78111 0,-17.283558 4.66793,-31.003235 13.99867,-41.152223 9.33244,-10.150689 21.92256,-15.226884 37.76015,-15.226884 14.2011,0 25.43712,4.572658 33.70295,13.717975 8.26412,9.140213 12.39619,21.570427 12.39619,37.282136 M 782.3018,91.4586 c -0.12928,-9.488947 -2.77795,-17.064113 -7.96813,-22.718695 -5.18676,-5.657985 -12.05426,-8.485276 -20.59567,-8.485276 -9.67777,0 -17.42646,2.733729 -23.23754,8.202887 -5.81449,5.465755 -9.16403,13.166806 -10.04352,23.094646 z"
+ id="path30"
+ inkscape:connector-curvature="0"
+ style="fill:#000000;stroke-width:1;fill-opacity:1" /></svg>
\ No newline at end of file
