Files.app: Start to use assets for checkbox.

chrome/browser/resources/file_manager/css/file_manager.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 html {
   height: 100%;
 }
 
 html.col-resize * {
   cursor: col-resize !important;
@@ skipping 1365 matching lines @@
     background-color: transparent;
   }
   50% {
   }
 }
 
 .table-row-cell .selection-label {
   -webkit-margin-end: 10px;
 }
 
+body[new-ui] .table-row-cell .selection-label {
+  height: 15px;
+}
+
 .table-row-cell .filename-label,
 .thumbnail-item .filename-label,
 /* Show ellipsis in cells. The name column has different structure and overrides
    this rule. */
 .table-row-cell > div {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ skipping 301 matching lines @@
   -webkit-margin-start: 3px;
   vertical-align: middle;
 }
 
 #list-container li.table-row:hover .file-checkbox,
 #list-container li.table-row:hover .pin,
 #list-container li.thumbnail-item:hover .file-checkbox {
   opacity: 0.6;
 }
 
-body[new-ui] #list-container .table-header #select-all-checkbox:not(:checked),
-body[new-ui] #list-container li.table-row:hover .file-checkbox,
 body[new-ui] #list-container li.table-row:hover .pin,
 body[new-ui] #list-container li.thumbnail-item:hover .file-checkbox {
   opacity: 0.4;
 }
 
-#list-container li.table-row[selected] .file-checkbox,
 #list-container li.table-row[selected] .pin,
 #list-container li.thumbnail-item[selected] .file-checkbox {
   opacity: 1.0 !important;
 }
 
+body[new-ui] #list-container .table-header #select-all-checkbox,
+body[new-ui] #list-container li.table-row .file-checkbox {
+  -webkit-appearance: none;
+  background-image: -webkit-image-set(
+    url('../images/files/ui/new-ui/select_checkbox.png') 1x,
+    url('../images/files/ui/new-ui/2x/select_checkbox.png') 2x);
+  background-position: center;
+  background-repeat: no-repeat;
+  border-style: none;
+  height: 15px;
+  opacity: 1.0;
+  width: 15px;
+}
+
+body[new-ui] #list-container .table-header #select-all-checkbox::after,
+body[new-ui] #list-container li.table-row .file-checkbox::after {
+  content: none;
+}
+
+body[new-ui] #list-container .table-header #select-all-checkbox:checked,
+body[new-ui] #list-container li.table-row .file-checkbox:checked {
+  background-image: -webkit-image-set(
+    url('../images/files/ui/new-ui/select_checkbox_checked.png') 1x,
+    url('../images/files/ui/new-ui/2x/select_checkbox_checked.png') 2x);
+}
+
+body[new-ui] #list-container .table-header #select-all-checkbox:checked,
+body[new-ui] #list-container list li.table-row[selected] .file-checkbox {
+  -webkit-filter: brightness(0) opacity(40%);
+}
+
 body[new-ui] #list-container list:focus li.table-row[selected] .file-checkbox {
-  -webkit-filter: contrast(300%) invert(100%);
+  -webkit-filter: brightness(0) invert();
 }
 
 #list-container li.table-row,
 #default-actions-list li {
   border: 1px solid white;
   border-left-width: 0;
   border-right-width: 0;
   height: 39px;
   padding-bottom: 1px;
   padding-top: 1px;
@@ skipping 673 matching lines @@
 body[new-ui] #iframe-drag-area {
   -webkit-app-region: drag;
   height: 45px;
   left: 64px;
   position: absolute;
   right: 70px;
   top: 0;
   width: auto;
   z-index: 101;
 }