DevTools: gray out linenumbers for the unmapped source code lines

third_party/WebKit/Source/devtools/front_end/source_frame/cmdevtools.css

 .CodeMirror {
     line-height: 1.2em !important;
     background-color: transparent !important;
 }
 
 .CodeMirror-linewidget {
     overflow: visible !important;
 }
 
 .CodeMirror-gutter-performance {
@@ skipping 53 matching lines @@
 }
 
 .cm-highlight.cm-execution-line {
     -webkit-animation: fadeout-execution-line 1s 0s;
 }
 @-webkit-keyframes fadeout-execution-line {
     from {background-color: rgb(121, 141, 254); }
     to { background-color: rgb(171, 191, 254); }
 }
 
-.cm-breakpoint .CodeMirror-linenumber {
+.cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
     color: white;
     border-width: 1px 4px 1px 1px !important;
     -webkit-border-image: url(Images/breakpoint.png) 1 4 1 1;
     margin: 0 0 0 3px !important;
     padding-right: 3px;
     padding-left: 1px;
     height: 11px;
     line-height: 12px !important;
     border-style: solid;
 }
 
-.cm-line-without-source-mapping {
-    background-color: #fafafa;
+.cm-line-without-source-mapping .CodeMirror-linenumber {
+    color: rgba(128, 128, 128, 0.4);
 }
 
 .cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber {
     -webkit-border-image: url(Images/breakpointConditional.png) 1 4 1 1;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .cm-breakpoint .CodeMirror-linenumber {
     -webkit-border-image: url(Images/breakpoint_2x.png) 2 8 2 2;
 }
@@ skipping 247 matching lines @@
     background-color: rgba(255, 0, 0, 0.05);
 }
 
 .CodeMirror-activeline .cm-trailing-whitespace {
     background-color: transparent;
 }
 
 .-theme-with-dark-background .CodeMirror .CodeMirror-selected {
     background-color: #454545;
 }