DevTools: Add ability to add and edit cookies

third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css

Index: third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css
diff --git a/third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css b/third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css
index 573b9698d6ee430c3cf6455e1adbb5a8c1590d72..fa35726ce823721187e0d4215bf964827be87d26 100644
--- a/third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css
+++ b/third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css
@@ -246,6 +246,25 @@
     -webkit-mask-position: -20px -96px;
 }
 
+.data-grid tr.inactive {
+    color: rgb(128, 128, 128);
+    font-style: italic;
+}
+
+.data-grid:focus tr.selected.inactive {
+    background-color: rgb(128, 128, 128);
+}
+
+.data-grid tr.dirty {
+    background-color: hsl(0, 100%, 92%);
+    color: red;
+    font-style: normal;
+}
+
+.data-grid:focus tr.selected.dirty {
+    background-color: hsl(0, 100%, 70%);

[dgozman, 2017/01/20 01:54:51]

Let's not make it gray, having italics and/or gray text would be enough.

[kdzwinel, 2017/01/21 02:12:20]

This particular line sets a background color on the selected 'dirty' item (which
is red). You probably meant the gray background color of the selected 'inactive'
element, correct? I removed it, now the selected 'inactive' element looks like
this: http://i.imgur.com/bsd5LyL.png .

+}
+
 .data-grid-resizer {
     position: absolute;
     top: 0;