Issue #2195959 by LewisNyman: Tab-select renders grippie white on white.

core/misc/icons/000000/move.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#000000" d="M14.904 7.753l-2.373-2.372c-.291-.292-.529-.193-.529.22v1.399h-3v-3h1.398c.414 0 .512-.239.221-.53l-2.371-2.372c-.137-.136-.36-.136-.497 0l-2.372 2.372c-.292.292-.193.53.22.53h1.399v3h-3v-1.369c0-.413-.239-.511-.53-.22l-2.372 2.372c-.136.136-.136.359 0 .494l2.372 2.372c.291.292.53.192.53-.219v-1.43h3v3h-1.4c-.413 0-.511.238-.22.529l2.374 2.373c.137.137.36.137.495 0l2.373-2.373c.29-.291.19-.529-.222-.529h-1.398v-3h3v1.4c0 .412.238.511.529.219l2.373-2.371c.137-.137.137-.359 0-.495z"/></svg>

core/modules/system/css/system.module.css

@@ -117,6 +117,14 @@ a.tabledrag-handle .handle {
 .no-svg a.tabledrag-handle .handle {
   background-image: url(../../../misc/icons/787878/move.png);
 }
+a.tabledrag-handle:hover .handle,
+a.tabledrag-handle:focus .handle {
+  background-image: url(../../../misc/icons/000000/move.svg);
+}
+.no-svg a.tabledrag-handle:hover .handle,
+.no-svg a.tabledrag-handle:focus .handle {
+  background-image: url(../../../misc/icons/000000/move.png);
+}
 .touch .draggable td {
   padding: 0 10px;
 }
@@ -135,10 +143,6 @@ a.tabledrag-handle .handle {
 .touch .draggable.drag a.tabledrag-handle .handle {
   background-position: 50% -32px;
 }
-.no-touch a.tabledrag-handle:hover .handle,
-.no-touch a.tabledrag-handle:focus .handle {
-  background-position: 6px -11px;
-}
 div.indentation {
   float: left; /* LTR */
   height: 1.7em;