Title: [233187] trunk/Source/WebInspectorUI
- Revision
- 233187
- Author
- nvasil...@apple.com
- Date
- 2018-06-25 17:43:32 -0700 (Mon, 25 Jun 2018)
Log Message
Web Inspector: Dark Mode: Box Model section should have dark background
https://bugs.webkit.org/show_bug.cgi?id=186976
Reviewed by Brian Burg.
Replace all instances of black text on white background with the default text and background colors.
* UserInterface/Views/BoxModelDetailsSectionRow.css:
(@media (prefers-dark-interface)):
(.details-section .row.box-model):
(.details-section .row.box-model .label):
(.details-section .row.box-model :matches(.position, .margin, .border, .padding, .content)):
(.details-section .row.box-model:not(.hovered) :matches(.margin, .border, .padding, .content),):
(.details-section .row.box-model .margin):
(.details-section .row.box-model .border):
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (233186 => 233187)
--- trunk/Source/WebInspectorUI/ChangeLog 2018-06-26 00:40:41 UTC (rev 233186)
+++ trunk/Source/WebInspectorUI/ChangeLog 2018-06-26 00:43:32 UTC (rev 233187)
@@ -1,5 +1,23 @@
2018-06-25 Nikita Vasilyev <nvasil...@apple.com>
+ Web Inspector: Dark Mode: Box Model section should have dark background
+ https://bugs.webkit.org/show_bug.cgi?id=186976
+
+ Reviewed by Brian Burg.
+
+ Replace all instances of black text on white background with the default text and background colors.
+
+ * UserInterface/Views/BoxModelDetailsSectionRow.css:
+ (@media (prefers-dark-interface)):
+ (.details-section .row.box-model):
+ (.details-section .row.box-model .label):
+ (.details-section .row.box-model :matches(.position, .margin, .border, .padding, .content)):
+ (.details-section .row.box-model:not(.hovered) :matches(.margin, .border, .padding, .content),):
+ (.details-section .row.box-model .margin):
+ (.details-section .row.box-model .border):
+
+2018-06-25 Nikita Vasilyev <nvasil...@apple.com>
+
Web Inspector: Dark Mode: color outline is too dark
https://bugs.webkit.org/show_bug.cgi?id=186975
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css (233186 => 233187)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css 2018-06-26 00:40:41 UTC (rev 233186)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css 2018-06-26 00:43:32 UTC (rev 233187)
@@ -108,3 +108,32 @@
.details-section .row.box-model :matches(.right, .left) {
vertical-align: middle;
}
+
+@media (prefers-dark-interface) {
+ .details-section .row.box-model {
+ color: var(--text-color);
+ }
+
+ .details-section .row.box-model .label {
+ color: inherit;
+ }
+
+ .details-section .row.box-model :matches(.position, .margin, .border, .padding, .content) {
+ border-color: var(--text-color-quaternary);
+ background-color: var(--background-color);
+ color: var(--text-color);
+ }
+
+ .details-section .row.box-model:not(.hovered) :matches(.margin, .border, .padding, .content),
+ .details-section .row.box-model .active:matches(.margin, .border, .padding, .content) {
+ color: black;
+ }
+
+ .details-section .row.box-model .margin {
+ border-color: var(--text-color-quaternary);
+ }
+
+ .details-section .row.box-model .border {
+ border-color: var(--text-color-quaternary);
+ }
+}
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
