Web Inspector: Dark Mode: Media query names are unreadable
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 25 Jun 2018 17:38:29 +0000 (17:38 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 25 Jun 2018 17:38:29 +0000 (17:38 +0000)
https://bugs.webkit.org/show_bug.cgi?id=186974

Reviewed by Brian Burg.

Change media query names from dark blue to light blue.

* UserInterface/Views/DarkMode.css:
(@media (prefers-dark-interface)):
(.CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket):
(.cm-s-default .cm-attribute):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@233154 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/DarkMode.css

index 78cb8b3..ed41524 100644 (file)
@@ -1,5 +1,19 @@
 2018-06-25  Nikita Vasilyev  <nvasilyev@apple.com>
 
+        Web Inspector: Dark Mode: Media query names are unreadable
+        https://bugs.webkit.org/show_bug.cgi?id=186974
+
+        Reviewed by Brian Burg.
+
+        Change media query names from dark blue to light blue.
+
+        * UserInterface/Views/DarkMode.css:
+        (@media (prefers-dark-interface)):
+        (.CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket):
+        (.cm-s-default .cm-attribute):
+
+2018-06-25  Nikita Vasilyev  <nvasilyev@apple.com>
+
         Web Inspector: Dark Mode: Network headers colors are too dim
         https://bugs.webkit.org/show_bug.cgi?id=186985
 
index 9f20745..a3763af 100644 (file)
         color: var(--syntax-highlight-link-color);
     }
 
+    .CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket {
+        background-color: hsla(232, 100%, 72%, 0.4);
+        border-bottom-color: hsl(206, 100%, 65%);
+    }
+
 
     /* SyntaxHighlightingDefaultTheme.css */
+    .cm-s-default .cm-attribute {
+        color: hsl(222, 100%, 72%);
+    }
+
     .cm-s-default .cm-m-xml.cm-attribute,
     .syntax-highlighted .html-attribute-name {
         color: hsl(27, 100%, 80%);