Skip to content

GitLab

T
tangled
Commit acc8ce6a authored by einbinder's avatar einbinder Committed by Commit bot
Browse files
Options

DevTools: Show a red background under unmatched brackets 

Also stop matched brackets from breaking through syntax highlighting.

BUG=none

Review-Url: https://codereview.chromium.org/2334073002
Cr-Commit-Position: refs/heads/master@{#418749}
parent e4de9f97
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 28 deletions
third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css
View file @ acc8ce6a
...@@ -113,13 +113,24 @@ ...@@ -113,13 +113,24 @@
opacity: 0.3; opacity: 0.3;
} }
.CodeMirror-matchingbracket { div.CodeMirror span.CodeMirror-matchingbracket {
border-bottom: 1px solid black; background-color: rgba(0, 0, 0, 0.13);
color: #222 !important; color: unset;
} }
.CodeMirror-nonmatchingbracket { div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #222 !important; background-color: rgba(255, 0, 0, 0.13);
color: unset;
}
.-theme-with-dark-background div.CodeMirror span.CodeMirror-matchingbracket {
border-bottom: 1px solid rgb(217,217,217);
background-color:initial;
}
.-theme-with-dark-background div.CodeMirror span.CodeMirror-nonmatchingbracket {
border-bottom: 1px solid rgb(255, 26, 26);
background-color:initial;
} }
.cm-whitespace::before { .cm-whitespace::before {
......
third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css
View file @ acc8ce6a
...@@ -27,34 +27,34 @@ ...@@ -27,34 +27,34 @@
*/ */
.cm-js-keyword {color: rgb(170, 13, 145);} .cm-js-keyword {color: rgb(170, 13, 145);}
.cm-js-number {color: rgb(28, 0, 207);} .cm-js-number {color: rgb(28, 0, 207);}
.cm-js-comment {color: rgb(0, 116, 0);} .cm-js-comment {color: rgb(0, 116, 0) !important;}
.cm-js-string {color: rgb(196, 26, 22);} .cm-js-string {color: rgb(196, 26, 22) !important;}
.cm-js-string-2 {color: rgb(196, 26, 22);} .cm-js-string-2 {color: rgb(196, 26, 22) !important;}
.cm-js-atom {color: rgb(170, 13, 145);} .cm-js-atom {color: rgb(170, 13, 145);}
.cm-css-keyword { color: rgb(7, 144, 154);} .cm-css-keyword { color: rgb(7, 144, 154);}
.cm-css-number {color: rgb(50, 0, 255);} .cm-css-number {color: rgb(50, 0, 255);}
.cm-css-comment {color: rgb(0, 116, 0);} .cm-css-comment {color: rgb(0, 116, 0) !important;}
.cm-css-def {color: rgb(200, 0, 0);} .cm-css-def {color: rgb(200, 0, 0);}
.cm-css-meta {color: rgb(200, 0, 0);} .cm-css-meta {color: rgb(200, 0, 0);}
.cm-css-atom {color: rgb(7, 144, 154);} .cm-css-atom {color: rgb(7, 144, 154);}
.cm-css-string {color: rgb(7, 144, 154);} .cm-css-string {color: rgb(7, 144, 154) !important;}
.cm-css-string-2 {color: rgb(7, 144, 154);} .cm-css-string-2 {color: rgb(7, 144, 154) !important;}
.cm-css-link {color: rgb(7, 144, 154);} .cm-css-link {color: rgb(7, 144, 154) !important;}
.cm-css-variable {color: rgb(200, 0, 0);} .cm-css-variable {color: rgb(200, 0, 0);}
.cm-css-variable-2 {color: rgb(0, 0, 128);} .cm-css-variable-2 {color: rgb(0, 0, 128);}
.cm-css-property, .webkit-css-property {color: rgb(200, 0, 0);} .cm-css-property, .webkit-css-property {color: rgb(200, 0, 0);}
.cm-xml-meta {color: rgb(192, 192, 192);} .cm-xml-meta {color: rgb(192, 192, 192);}
.cm-xml-comment {color: rgb(35, 110, 37);} .cm-xml-comment {color: rgb(35, 110, 37) !important;}
.cm-xml-string {color: rgb(26, 26, 166);} .cm-xml-string {color: rgb(26, 26, 166) !important;}
.cm-xml-tag {color: rgb(136, 18, 128);} .cm-xml-tag {color: rgb(136, 18, 128);}
.cm-xml-attribute {color: rgb(153, 69, 0);} .cm-xml-attribute {color: rgb(153, 69, 0);}
.cm-xml-link {color: #00e;} .cm-xml-link {color: #00e !important;}
.webkit-html-comment { .webkit-html-comment {
/* Keep this in sync with view-source.css (.webkit-html-comment) */ /* Keep this in sync with view-source.css (.webkit-html-comment) */
color: rgb(35, 110, 37); color: rgb(35, 110, 37) !important;
} }
.webkit-html-tag { .webkit-html-tag {
......
third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlightDark.css
View file @ acc8ce6a
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
.cm-js-atom{color:rgb(161, 247, 181);} .cm-js-atom{color:rgb(161, 247, 181);}
.cm-js-attribute{color:rgb(97, 148, 198);} .cm-js-attribute{color:rgb(97, 148, 198);}
.cm-js-builtin{color:rgb(159, 180, 214);} .cm-js-builtin{color:rgb(159, 180, 214);}
.cm-js-comment{color:rgb(116, 116, 116);} .cm-js-comment{color:rgb(116, 116, 116) !important;}
.cm-js-def{color:rgb(93, 176, 215);} .cm-js-def{color:rgb(93, 176, 215);}
.cm-js-keyword{color:rgb(154, 127, 213);} .cm-js-keyword{color:rgb(154, 127, 213);}
.cm-js-link{color:rgb(159, 180, 214);} .cm-js-link{color:rgb(159, 180, 214);}
...@@ -15,42 +15,42 @@ ...@@ -15,42 +15,42 @@
.cm-js-number{color:rgb(161, 247, 181);} .cm-js-number{color:rgb(161, 247, 181);}
.cm-js-operator{color:rgb(210, 192, 87);} .cm-js-operator{color:rgb(210, 192, 87);}
.cm-js-property{color:rgb(210, 192, 87);} .cm-js-property{color:rgb(210, 192, 87);}
.cm-js-string{color:rgb(242, 139, 84);} .cm-js-string{color:rgb(242, 139, 84) !important;}
.cm-js-string-2{color:rgb(242, 139, 84);} .cm-js-string-2{color:rgb(242, 139, 84) !important;}
.cm-js-tag{color:rgb(93, 176, 215);} .cm-js-tag{color:rgb(93, 176, 215);}
.cm-js-variable{color:rgb(217, 217, 217);} .cm-js-variable{color:rgb(217, 217, 217);}
.cm-js-variable-2{color:rgb(217, 217, 217);} .cm-js-variable-2{color:rgb(217, 217, 217);}
.cm-atom{color:rgb(161, 247, 181);} .cm-atom{color:rgb(161, 247, 181);}
.cm-comment{color:rgb(116, 116, 116);} .cm-comment{color:rgb(116, 116, 116) !important;}
.cm-variable{color:rgb(217, 217, 217);} .cm-variable{color:rgb(217, 217, 217);}
.cm-string{color:rgb(242, 139, 84);} .cm-string{color:rgb(242, 139, 84) !important;}
.cm-keyword{color:rgb(154, 127, 213);} .cm-keyword{color:rgb(154, 127, 213);}
.cm-number{color:rgb(161, 247, 181);} .cm-number{color:rgb(161, 247, 181);}
.cm-operator{color:rgb(210, 192, 87);} .cm-operator{color:rgb(210, 192, 87);}
.cm-css-atom{color:rgb(217, 217, 217);} .cm-css-atom{color:rgb(217, 217, 217);}
.cm-css-builtin{color:rgb(255, 163, 79);} .cm-css-builtin{color:rgb(255, 163, 79);}
.cm-css-def{color:rgb(255, 163, 79);} .cm-css-def{color:rgb(255, 163, 79);}
.cm-css-comment{color:rgb(116, 116, 116);} .cm-css-comment{color:rgb(116, 116, 116) !important;}
.cm-css-meta{color:rgb(132, 240, 255);} .cm-css-meta{color:rgb(132, 240, 255);}
.cm-css-number{color:rgb(217, 217, 217);} .cm-css-number{color:rgb(217, 217, 217);}
.cm-css-operator{color:rgb(217, 217, 217);} .cm-css-operator{color:rgb(217, 217, 217);}
.cm-css-property{color:rgb(132, 240, 255);} .cm-css-property{color:rgb(132, 240, 255);}
.cm-css-qualifier{color:rgb(255, 163, 79);} .cm-css-qualifier{color:rgb(255, 163, 79);}
.cm-css-string{color:rgb(231, 194, 111);} .cm-css-string{color:rgb(231, 194, 111) !important;}
.cm-css-string-2{color:rgb(217, 217, 217);} .cm-css-string-2{color:rgb(217, 217, 217) !important;}
.cm-css-tag{color:rgb(255, 163, 79);} .cm-css-tag{color:rgb(255, 163, 79);}
.cm-css-variable{color:rgb(255, 163, 79);} .cm-css-variable{color:rgb(255, 163, 79);}
.cm-css-variable-2{color:rgb(255, 163, 79);} .cm-css-variable-2{color:rgb(255, 163, 79);}
.cm-xml-comment{color:rgb(137, 137, 137);} .cm-xml-comment{color:rgb(137, 137, 137) !important;}
.cm-xml-error{color:rgb(198, 95, 95);} .cm-xml-error{color:rgb(198, 95, 95);}
.cm-xml-string{color:rgb(242, 151, 102);} .cm-xml-string{color:rgb(242, 151, 102) !important;}
.cm-xml-tag{color:rgb(93, 176, 215);} .cm-xml-tag{color:rgb(93, 176, 215);}
.cm-xml-attribute{color:rgb(155, 187, 220);} .cm-xml-attribute{color:rgb(155, 187, 220);}
.cm-xml-link{color:rgb(231, 194, 111);} .cm-xml-link{color:rgb(231, 194, 111);}
.webkit-html-attribute-name{color:rgb(155, 187, 220);} .webkit-html-attribute-name{color:rgb(155, 187, 220);}
.webkit-html-attribute-value{color:rgb(242, 151, 102);} .webkit-html-attribute-value{color:rgb(242, 151, 102);}
.webkit-html-comment{color:rgb(137, 137, 137);} .webkit-html-comment{color:rgb(137, 137, 137) !important;}
.webkit-html-resource-link{color:rgb(231, 194, 111);} .webkit-html-resource-link{color:rgb(231, 194, 111);}
.webkit-html-external-link{color:rgb(231, 194, 111);} .webkit-html-external-link{color:rgb(231, 194, 111);}
.webkit-html-tag{color:rgb(93, 176, 215);} .webkit-html-tag{color:rgb(93, 176, 215);}
...@@ -68,5 +68,5 @@ ...@@ -68,5 +68,5 @@
.webkit-css-keyword{color:rgb(255, 163, 79);} .webkit-css-keyword{color:rgb(255, 163, 79);}
.webkit-css-number{color:rgb(217, 217, 217);} .webkit-css-number{color:rgb(217, 217, 217);}
.webkit-css-property{color: rgb(53, 212, 199);} .webkit-css-property{color: rgb(53, 212, 199);}
.webkit-css-string{color:rgb(231, 194, 111);} .webkit-css-string{color:rgb(231, 194, 111) !important;}
.webkit-css-url{color:rgb(231, 194, 111);} .webkit-css-url{color:rgb(231, 194, 111);}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment