| <!doctype html> |
| <html dir="$i18n{textdirection}" lang="$i18n{language}" class="loading" |
| $i18n{dark}> |
| <head> |
| <meta charset="utf-8"> |
| <title>$i18n{settings}</title> |
| <if expr="not optimize_webui"> |
| <base href="chrome://settings"> |
| </if> |
| <style> |
| html { |
| --toolbar-height: 56px; |
| background-color: rgb(248, 249, 250); |
| overflow: hidden; |
| /* Remove 300ms delay for 'click' event, when using touch interface. */ |
| touch-action: manipulation; |
| } |
| |
| html[dark] { |
| background: rgb(32, 33, 36); /* --google-grey-900 */ |
| } |
| |
| html[dark].loading { |
| border-top: 1px solid rgb(95, 99, 104); /* --google-grey-refresh-700 */ |
| margin-top: var(--toolbar-height); |
| } |
| |
| html:not([dark]).loading { |
| /* --google-blue-700 in disguise. Replaced when settings-ui loads. */ |
| border-top: var(--toolbar-height) solid rgb(51, 103, 214); |
| } |
| </style> |
| </head> |
| <body> |
| <settings-ui></settings-ui> |
| <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| <link rel="import" href="chrome://resources/html/polymer.html"> |
| <link rel="import" href="settings_ui/settings_ui.html"> |
| <link rel="import" href="chrome://resources/html/dark_mode.html"> |
| </body> |
| </html> |
