| <!-- Copyright 2020 The Chromium Authors |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. --> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title></title> |
| <link rel="stylesheet" href="chrome://resources/chromeos/colors/cros_styles.css"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> |
| </head> |
| <style> |
| /* The :not(body) selector allows the variable definitions below to 'win' |
| against the shared ones. */ |
| html:not(body) { |
| /* Ensure cros colors are used by cr elements. Setting these on a |
| specific element will still override this. */ |
| --cr-focus-outline-color: var(--cros-focus-ring-color); |
| --cr-focused-item-color: var(--cros-highlight-color-focus); |
| --cr-primary-text-color: var(--cros-text-color-primary); |
| --cr-secondary-text-color: var(--cros-text-color-secondary); |
| --iron-icon-fill-color: var(--cros-icon-color-primary); |
| background-color: var(--cros-bg-color); |
| } |
| |
| html:has(body.jelly-enabled) { |
| background-color: var(--cros-sys-app_base_shaded); |
| } |
| |
| html, |
| body { |
| height: 100%; |
| margin: 0; |
| } |
| </style> |
| <body> |
| <diagnostics-app></diagnostics-app> |
| |
| <script type="module" src="diagnostics_app.js"></script> |
| </body> |
| </html> |
