| commit | c30f316137a2e21c9f04dc4297e02f84b1ca6e07 | [log] [tgz] |
|---|---|---|
| author | conniekxu <conniekxu@chromium.org> | Thu Dec 14 04:26:33 2023 |
| committer | Chromium LUCI CQ <chromium-scoped@luci-project-accounts.iam.gserviceaccount.com> | Thu Dec 14 04:26:33 2023 |
| tree | 5a2fc4c54d4dfdeeaffd11354be7ee802a296580 | |
| parent | 908140b17d64a0e64c4305a9d6c5603886bd53ad [diff] |
CrOS Settings: Update keyboard shortcut banner styles to match specs Spec link: https://www.figma.com/file/1mBE5YYqXYS4A8wiRSNWlR/Square---K-Next? type=design&node-id=104-243133&mode=design&t=0nJC3oJB7AsaJZHC-0 Screenshots: - Before update: https://screenshot.googleplex.com/5J5eK6UMaW4oumm - After update: https://screenshot.googleplex.com/6THNzop9ZVpatYH Bug: b/314982885 Change-Id: I8e01ba05b723f78170e8031f1eb5e1bbb96936ce Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5120107 Commit-Queue: Connie Xu <conniekxu@chromium.org> Reviewed-by: Wes Okuhara <wesokuhara@google.com> Cr-Commit-Position: refs/heads/main@{#1237373}
diff --git a/chrome/browser/resources/ash/settings/keyboard_shortcut_banner/keyboard_shortcut_banner.html b/chrome/browser/resources/ash/settings/keyboard_shortcut_banner/keyboard_shortcut_banner.html index 07c568e..a83c558 100644 --- a/chrome/browser/resources/ash/settings/keyboard_shortcut_banner/keyboard_shortcut_banner.html +++ b/chrome/browser/resources/ash/settings/keyboard_shortcut_banner/keyboard_shortcut_banner.html
@@ -38,16 +38,15 @@ /* Shortcut pods */ kbd > kbd { - background-color: var(--cros-shortcut-background-color); + background-color: var(--cros-sys-surface_variant); background-image: linear-gradient( var(--cros-shortcut-background-gradient-color), var(--cros-shortcut-background-gradient-color)); - border-radius: 18px; - box-shadow: var(--cr-elevation-1); - color: var(--cr-secondary-text-color); + border-radius: 12px; + color: var(--cros-text-color-secondary); + font: var(--cros-button-2-font); display: inline-block; height: 20px; - line-height: 20px; margin: 0 4px; padding: 0 6px; }