chromium/chrome/browser/resources/ash/settings/device_page/per_device_keyboard_subsection.html

<style include="settings-shared input-device-settings-shared">
.settings-box {
  border-top: none;
  border-bottom: var(--cr-separator-line);
}

#keyboardAutoBrightnessToggle, #rgbKeyboardControlLink{
  border-bottom: var(--cr-separator-line);
}
</style>
<template is="dom-if"
    if="[[showKeyboardSettings(keyboard, isLidOpen)]]" restamp>
  <per-device-subsection-header
      id="subsectionHeader"
      device-key="[[keyboard.deviceKey]]"
      name="[[getKeyboardName(keyboard.name)]]"
      battery-info="[[keyboard.batteryInfo]]"
      icon="os-settings:device-keyboard">
  </per-device-subsection-header>
  <div class="subsection">
    <template is="dom-if" if="[[showInstallAppRow(keyboard.appInfo)]]">
      <per-device-install-row app-info="[[keyboard.appInfo]]">
      </per-device-install-row>
    </template>
    <template is="dom-if" if="[[!isChromeOsKeyboard(keyboard)]]" restamp>
      <settings-toggle-button
          inverted="true"
          id="externalTopRowAreFunctionKeysButton"
          pref="{{topRowAreFunctionKeysPref}}"
          aria-describedby="keyboardName"
          label="$i18n{keyboardSendInvertedFunctionKeys}"
          sub-label="$i18n{keyboardSendInvertedFunctionKeysDescription}"
          deep-link-focus-id$="[[Setting.kKeyboardFunctionKeys]]">
      </settings-toggle-button>
      <settings-toggle-button
          inverted="true"
          class="hr" id="blockMetaFunctionKeyRewritesButton"
          pref="{{blockMetaFunctionKeyRewritesPref}}"
          aria-describedby="keyboardName"
          label="$i18n{keyboardBlockMetaFunctionKeyRewrites}"
          sub-label="$i18n{keyboardBlockMetaFunctionKeyRewritesDescription}"
          deep-link-focus-id$="[[Setting.kKeyboardBlockMetaFkeyRewrites]]">
      </settings-toggle-button>
    </template>
    <template is="dom-if" if="[[isChromeOsKeyboard(keyboard)]]" restamp>
      <template is="dom-if" if="[[isKeyboardBacklightControlInSettingsEnabled]]">
        <template is="dom-if" if="[[hasKeyboardBacklight]]">
          <settings-toggle-button id="keyboardAutoBrightnessToggle"
              pref="{{keyboardAutoBrightnessPref}}"
              on-settings-boolean-control-change=
                  "onKeyboardAutoBrightnessToggleChanged"
              label="$i18n{keyboardEnableAutoBrightnessLabel}"
              sub-label="$i18n{keyboardEnableAutoBrightnessSubLabel}"
              hidden="[[!hasAmbientLightSensor]]">
          </settings-toggle-button>
          <div class="settings-box">
            <div class="start" id="keyboardBrightnessPercentLabel"
                aria-hidden="true">
              $i18n{keyboardBrightnessLabel}
            </div>
            <settings-slider id="keyboardBrightnessSlider"
                pref="{{keyboardBrightnessPercentPref}}"
                label-aria="$i18n{keyboardBrightnessLabel}"
                on-pointerup="onPointerup"
                on-keyup="onKeyup"
                on-cr-slider-value-changed="onKeyboardBrightnessSliderChanged">
            </settings-slider>
          </div>
        </template>
        <cr-link-row id="rgbKeyboardControlLink" label="$i18n{keyboardColors}"
          hidden="[[!isRgbKeyboardSupported]]" on-click="openPersonalizationHub"
          external>
        </cr-link-row>
      </template>
      <settings-toggle-button
          id="internalTopRowAreFunctionKeysButton"
          pref="{{topRowAreFunctionKeysPref}}"
          aria-describedby="keyboardName"
          label="$i18n{keyboardSendFunctionKeys}"
          sub-label="[[showSendFunctionKeyDescription(keyboard)]]"
          deep-link-focus-id$="[[Setting.kKeyboardFunctionKeys]]">
      </settings-toggle-button>
    </template>
    <cr-link-row id="remapKeyboardKeys"
        class$="[[getRemapKeyboardKeysClass(keyboard)]]"
        on-click="onRemapKeyboardKeysClick"
        aria-describedby="keyboardName"
        label="$i18n{remapKeyboardKeysRowLabel}"
        sub-label="[[remapKeyboardKeysSublabel]]"
        deep-link-focus-id$="[[Setting.kKeyboardRemapKeys]]">
    </cr-link-row>
    <template is="dom-if" if="[[isCompanionAppInstalled(keyboard.appInfo)]]">
      <per-device-app-installed-row app-info="[[keyboard.appInfo]]">
      </per-device-app-installed-row>
    </template>
  </div>
</template>