DevTools: Support regex search and case sensitive search in sources panel

Source/devtools/front_end/inspectorStyle.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 259 matching lines @@
     background-repeat: no-repeat;
     background-position: 4px 7px;
     border-left: 1px solid rgb(170, 170, 170);
     opacity: 0.3;
 }
 
 .toolbar-search-navigation.enabled {
     opacity: 1.0;
 }
 
-.toolbar-search label {
-    margin: auto 0;
+.toolbar-search .status-bar-item {
+    height: 20px;
+    width: 16px;
 }
 
-.toolbar-search button {
+.toolbar-search .search-settings-prefix {
+    margin-left: 2px;
+}
+
+.toolbar-search .status-bar-item.case-sensitive-search.toggled-on .status-bar-button-text {
+    color: rgb(94, 146, 233);
+}
+
+.toolbar-search .status-bar-item.regex-search.toggled-on .status-bar-button-text {
+    color: rgb(94, 146, 233);
+}
+
+.toolbar-search .status-bar-item.regex-search.toggled-on {
+    color: rgb(66, 129, 235);
+}
+
+.toolbar-search button.search-action-button {
     border: 1px solid rgb(163, 163, 163);
     border-radius: 8px;
     margin: 0;
     background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
     width: 100%;
     height: 20px;
 }
 
-.toolbar-search button:active {
+.toolbar-search button.search-action-button:active {
     background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
 }
 
 .toolbar-search-control {
     display: -webkit-flex;
     position: relative;
     background-color: white;
 }
 
 .toolbar-replace-control {
@@ skipping 149 matching lines @@
 .glyph {
     position: absolute;
     top: -1px;
     bottom: 1px;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.75);
     z-index: 1;
 }
 
-.glyph.shadow {
-    top: 0;
-    bottom: 0;
-    background-color: white;
-    z-index: 0;
+.status-bar-item .status-bar-button-text {
+    font-weight: bold;
+    color: rgba(97, 97, 97, 1);
 }
 
 .long-click-glyph {
     background-color: rgba(0, 0, 0, 0.75);
     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
     -webkit-mask-position: -288px -48px;
     -webkit-mask-size: 320px 144px;
     z-index: 1;
 }
 
@@ skipping 2326 matching lines @@
 }
 
 .resources-divider-label {
     position: absolute;
     top: 4px;
     right: 3px;
     font-size: 80%;
     white-space: nowrap;
     pointer-events: none;
 }