[MD settings] "dense" paper toggle buttons

This CL changes the size and color of the paper toggle buttons to better
match the mocks.

BUG=597879
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation
NOPRESUBMIT=true

Review-Url: https://codereview.chromium.org/2280333002
Cr-Commit-Position: refs/heads/master@{#415443}

chrome/browser/resources/settings/settings_shared_css.html

@@ -33,6 +33,8 @@
 
       paper-toggle-button {
         @apply(--settings-actionable);
+        height: 20px;
+        width: 34px;
       }
 
       paper-dropdown-menu-light {

chrome/browser/resources/settings/settings_vars_css.html

@@ -24,6 +24,22 @@
     --paper-radio-button-label-color: inherit;
     --paper-radio-group-item-padding: 0;
 
+    --settings-toggle-bar-size: {
+      height: 12px;
+      width: 28px;
+    };
+    --settings-toggle-button-size: {
+      height: 16px;
+      width: 16px;
+    };
+    --settings-toggle-color: var(--google-blue-500);
+    --paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
+    --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
+    --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size);
+    --paper-toggle-button-checked-button: var(--settings-toggle-button-size);
+    --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
+    --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
+
     --settings-actionable: var(--cr-actionable);
 
     /* Custom grey for Alan (bettes@). */