MD Settings: change most checkboxes to toggles (leave dialogs alone)

chrome/browser/resources/settings/appearance_page/appearance_page.html

 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="/appearance_page/appearance_browser_proxy.html">
 <link rel="import" href="/controls/controlled_radio_button.html">
 <link rel="import" href="/controls/extension_controlled_indicator.html">
 <link rel="import" href="/controls/settings_dropdown_menu.html">
 <link rel="import" href="/controls/settings_input.html">
 <link rel="import" href="/controls/settings_radio_group.html">
+<link rel="import" href="/controls/settings_toggle_button.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="/settings_vars_css.html">
 <link rel="import" href="appearance_fonts_page.html">
 
 <dom-module id="settings-appearance-page">
   <template>
     <style include="settings-shared md-select">
@@ skipping 59 matching lines @@
               <paper-button id="useSystem" on-tap="onUseSystemTap_"
                   class="secondary-button">
                 $i18n{useSystemTheme}
               </paper-button>
             </template>
           </div>
 </if>
         </div>
         <div class="settings-box"
             hidden="[[!pageVisibility.homeButton]]">
-          <settings-checkbox class="start" label="$i18n{showHomeButton}"
+          <settings-toggle-button class="start"
+              pref="{{prefs.browser.show_home_button}}"
+              label="$i18n{showHomeButton}"
               sub-label="[[getShowHomeSubLabel_(
-                  prefs.homepage_is_newtabpage.value, prefs.homepage.value)]]"
-              pref="{{prefs.browser.show_home_button}}">
-          </settings-checkbox>
+                  prefs.homepage_is_newtabpage.value, prefs.homepage.value)]]">
+          </settings-toggle-button>
         </div>
         <template is="dom-if" if="[[prefs.browser.show_home_button.value]]">
           <div class="list-frame"
               hidden="[[!pageVisibility.homeButton]]">
             <settings-radio-group pref="{{prefs.homepage_is_newtabpage}}">
               <controlled-radio-button class="list-item" name="true"
                   pref="[[prefs.homepage_is_newtabpage]]">
                 $i18n{homePageNtp}
               </controlled-radio-button>
               <controlled-radio-button class="list-item" name="false"
@@ skipping 15 matching lines @@
                         prefs.homepage.extensionCanBeDisabled]]"
                     extension-name="[[prefs.homepage.controlledByName]]"
                     on-disable-extension="onDisableExtension_">
                 </extension-controlled-indicator>
               </template>
             </settings-radio-group>
           </div>
         </template>
         <div class="settings-box"
             hidden="[[!pageVisibility.bookmarksBar]]">
-          <settings-checkbox class="start" label="$i18n{showBookmarksBar}"
-              pref="{{prefs.bookmark_bar.show_on_all_tabs}}">
-          </settings-checkbox>
+          <settings-toggle-button class="start"
+              pref="{{prefs.bookmark_bar.show_on_all_tabs}}"
+              label="$i18n{showBookmarksBar}">
+          </settings-toggle-button>
         </div>
         <div class$="settings-box [[getFirst_(pageVisibility.bookmarksBar)]]">
 <if expr="is_linux and not chromeos">
-          <settings-checkbox class="start" label="$i18n{showWindowDecorations}"
-              pref="{{prefs.browser.custom_chrome_frame}}" inverted>
-          </settings-checkbox>
+          <settings-toggle-button class="start"
+              pref="{{prefs.browser.custom_chrome_frame}}"
+              label="$i18n{showWindowDecorations}"
+              inverted>
+          </settings-toggle-button>
         </div>
         <div class="settings-box">
 </if>
           <div class="start">$i18n{fontSize}</div>
           <settings-dropdown-menu id="defaultFontSize"
               pref="{{prefs.webkit.webprefs.default_font_size}}"
               menu-options="[[fontSizeOptions_]]">
           </settings-dropdown-menu>
         </div>
         <div id="customize-fonts-subpage-trigger" class="settings-box two-line"
@@ skipping 26 matching lines @@
             associated-control="[[$$('#customize-fonts-subpage-trigger')]]"
             page-title="$i18n{customizeFonts}">
           <settings-appearance-fonts-page prefs="{{prefs}}">
           </settings-appearance-fonts-page>
         </settings-subpage>
       </template>
     </settings-animated-pages>
   </template>
   <script src="appearance_page.js"></script>
 </dom-module>