Skip to main content
aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMatthias Becker2019-06-26 07:21:21 -0400
committerGunnar Wagenknecht2019-07-02 04:51:43 -0400
commit83a32353fce30d1cc431091122f1fb9f74a53d47 (patch)
tree529cb5b41bfd5fa40a50a0212bd4c8a1af47b35a
parent7fab2e0845c404d90401dc29ad8724ea02c6d18e (diff)
downloadorg.eclipse.epp.packages-83a32353fce30d1cc431091122f1fb9f74a53d47.tar.gz
org.eclipse.epp.packages-83a32353fce30d1cc431091122f1fb9f74a53d47.tar.xz
org.eclipse.epp.packages-83a32353fce30d1cc431091122f1fb9f74a53d47.zip
Bug 532185: [Dark Theme] Help content does not respect styling
When the help content is displayed in the external browser the system preferences about system wide dark or light appearance should be respected. There's a CSS standard coming for this: the prefers-color-scheme media query (see https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme ). The CSS of the help content should incorporate this media query. Change-Id: Ib00fe072a2e8529ff5b16b550c6c28b3a92cfc18 Signed-off-by: Matthias Becker <ma.becker@sap.com>
-rw-r--r--packages/org.eclipse.epp.package.committers/book.css23
-rw-r--r--packages/org.eclipse.epp.package.committers/macosx_narrow_book.css8
-rw-r--r--packages/org.eclipse.epp.package.committers/narrow_book.css2
3 files changed, 31 insertions, 2 deletions
diff --git a/packages/org.eclipse.epp.package.committers/book.css b/packages/org.eclipse.epp.package.committers/book.css
index b337d94c..108ef895 100644
--- a/packages/org.eclipse.epp.package.committers/book.css
+++ b/packages/org.eclipse.epp.package.committers/book.css
@@ -113,4 +113,27 @@ a.command-link img {
border-width: 0px;
border-style: none;
vertical-align: middle;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ color: #f0f0f0;
+ background: #3d3d3d;
+ }
+ body, h1, h2, h3, h4, h5, h6, caption, p,
+ table, td, th, ul, ol, dl, li, dd, dt{
+ color: #f0f0f0;
+ }
+
+ a:visited{
+ color: #75d7ff;
+ }
+
+ a:link{
+ color: #3ac6ff;
+ }
+
+ a:hover{
+ color: #f0f0f0;
+ }
} \ No newline at end of file
diff --git a/packages/org.eclipse.epp.package.committers/macosx_narrow_book.css b/packages/org.eclipse.epp.package.committers/macosx_narrow_book.css
index 344e5e48..cf531f00 100644
--- a/packages/org.eclipse.epp.package.committers/macosx_narrow_book.css
+++ b/packages/org.eclipse.epp.package.committers/macosx_narrow_book.css
@@ -1 +1,7 @@
-h1,h2 { color: Black } \ No newline at end of file
+h1,h2 { color: Black }
+
+@media (prefers-color-scheme: dark) {
+ h1, h2{
+ color: #f0f0f0;
+ }
+} \ No newline at end of file
diff --git a/packages/org.eclipse.epp.package.committers/narrow_book.css b/packages/org.eclipse.epp.package.committers/narrow_book.css
index 09a9aa1d..8deb7bfd 100644
--- a/packages/org.eclipse.epp.package.committers/narrow_book.css
+++ b/packages/org.eclipse.epp.package.committers/narrow_book.css
@@ -1 +1 @@
-P.Code { display: block; text-align: left; text-indent: 0.00pt; margin-top: 0.000000pt; margin-bottom: 0.000000pt; margin-right: 0.000000pt; margin-left: 1.5em; font-size: 100%; font-weight: medium; font-style: Regular; color: #4444CC; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Courier New"; } H6.CaptionFigColumn { display: block; text-align: left; text-indent: 0.000000pt; margin-top: 0.3em; margin-bottom: 1.1em; margin-right: 0.000000pt; margin-left: 0.000000pt; font-size: 90%; font-weight: medium; font-style: Italic; color: #000000; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Arial"; } P.Note { display: block; text-align: left; text-indent: 0pt; margin-top: 1.95em; margin-bottom: 1.95em; margin-right: 0.000000pt; margin-left: 3.0em; font-size: 110%; font-weight: medium; font-style: Italic; color: #000000; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Arial"; } EM.UILabel { font-weight: Bold; font-style: Regular; text-decoration: none; vertical-align: baseline; text-transform: none; } EM.CodeName { font-weight: Bold; font-style: Regular; text-decoration: none; vertical-align: baseline; text-transform: none; font-family:"Courier New"; } body, html { border: 0px } /* following font face declarations need to be removed for DBCS */ body, h1, h2, h3, h4, h5, h6, p, table, td, caption, th, ul, ol, dl, li, dd, dt {font: message-box; color: #000000} pre { font-family: Courier, monospace} /* end font face declarations */ /* following font size declarations should be OK for DBCS */ body, h1, h2, h3, h4, h5, h6, p, table, td, caption, th, ul, ol, dl, li, dd, dt {font: message-box; } pre { font-size: 100% } code,samp { font-size: 100%; } /* end font size declarations */ body { background: #FFFFFF} h1 { font-size: 180%; font-weight: medium; margin-top: 0.28em; margin-bottom: 0.05em; color: Highlight } h2 { font-size: 140%; font-weight: bold; margin-top: 0.22em; margin-bottom: 3; color: Highlight } h3 { font-size: 110%; font-weight: bold; margin-top: 0.18em; margin-bottom: 3 } h4 { font-size: 100%; font-weight: bold; margin-top: 0.2em; margin-bottom: 3; font-style: italic } p { margin-top: 1.0em; margin-bottom: 1.0em } pre { margin-left: 6; font-size: 90% } a:link { color: #0000FF } a:hover { color: #000080 } a:visited { text-decoration: underline } ul { margin-top: 0; margin-bottom: 1.0em; margin-left : 1.0em; padding-left: 0; } li { margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; } li p { margin-top: 0; margin-bottom: 0 } ol { margin-top: 0; margin-bottom: 10; padding-left: 0; margin-left: 1.4em } dl { margin-top: 0; margin-bottom: 10 } dt { margin-top: 0; margin-bottom: 0; font-weight: bold } dd { margin-top: 0; margin-bottom: 0 } strong { font-weight: bold} em { font-style: italic} var { font-style: italic} div.revision { border-left-style: solid; border-left-width: thin; border-left-color: #7B68EE; padding-left:5 } th { font-weight: bold } \ No newline at end of file
+P.Code { display: block; text-align: left; text-indent: 0.00pt; margin-top: 0.000000pt; margin-bottom: 0.000000pt; margin-right: 0.000000pt; margin-left: 1.5em; font-size: 100%; font-weight: medium; font-style: Regular; color: #4444CC; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Courier New"; } H6.CaptionFigColumn { display: block; text-align: left; text-indent: 0.000000pt; margin-top: 0.3em; margin-bottom: 1.1em; margin-right: 0.000000pt; margin-left: 0.000000pt; font-size: 90%; font-weight: medium; font-style: Italic; color: #000000; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Arial"; } P.Note { display: block; text-align: left; text-indent: 0pt; margin-top: 1.95em; margin-bottom: 1.95em; margin-right: 0.000000pt; margin-left: 3.0em; font-size: 110%; font-weight: medium; font-style: Italic; color: #000000; text-decoration: none; vertical-align: baseline; text-transform: none; font-family: "Arial"; } EM.UILabel { font-weight: Bold; font-style: Regular; text-decoration: none; vertical-align: baseline; text-transform: none; } EM.CodeName { font-weight: Bold; font-style: Regular; text-decoration: none; vertical-align: baseline; text-transform: none; font-family:"Courier New"; } body, html { border: 0px } /* following font face declarations need to be removed for DBCS */ body, h1, h2, h3, h4, h5, h6, p, table, td, caption, th, ul, ol, dl, li, dd, dt {font: message-box; color: #000000} pre { font-family: Courier, monospace} /* end font face declarations */ /* following font size declarations should be OK for DBCS */ body, h1, h2, h3, h4, h5, h6, p, table, td, caption, th, ul, ol, dl, li, dd, dt {font: message-box; } pre { font-size: 100% } code,samp { font-size: 100%; } /* end font size declarations */ body { background: #FFFFFF} h1 { font-size: 180%; font-weight: medium; margin-top: 0.28em; margin-bottom: 0.05em; color: Highlight } h2 { font-size: 140%; font-weight: bold; margin-top: 0.22em; margin-bottom: 3; color: Highlight } h3 { font-size: 110%; font-weight: bold; margin-top: 0.18em; margin-bottom: 3 } h4 { font-size: 100%; font-weight: bold; margin-top: 0.2em; margin-bottom: 3; font-style: italic } p { margin-top: 1.0em; margin-bottom: 1.0em } pre { margin-left: 6; font-size: 90% } a:link { color: #0000FF } a:hover { color: #000080 } a:visited { text-decoration: underline } ul { margin-top: 0; margin-bottom: 1.0em; margin-left : 1.0em; padding-left: 0; } li { margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; } li p { margin-top: 0; margin-bottom: 0 } ol { margin-top: 0; margin-bottom: 10; padding-left: 0; margin-left: 1.4em } dl { margin-top: 0; margin-bottom: 10 } dt { margin-top: 0; margin-bottom: 0; font-weight: bold } dd { margin-top: 0; margin-bottom: 0 } strong { font-weight: bold} em { font-style: italic} var { font-style: italic} div.revision { border-left-style: solid; border-left-width: thin; border-left-color: #7B68EE; padding-left:5 } th { font-weight: bold } @media (prefers-color-scheme: dark) { body { color: #f0f0f0; background: #3d3d3d; } body, h1, h2, h3, h4, h5, h6, caption, p, table, td, th, ul, ol, dl, li, dd, dt{ color: #f0f0f0; } a:visited{ color: #75d7ff; } a:link{ color: #3ac6ff; } a:hover{ color: #f0f0f0; } } \ No newline at end of file

Back to the top