fune/toolkit/components/certviewer/content/certviewer.html
Emilio Cobos Alvarez efe2305b8d Bug 1742696 - Opt-in a bunch of about:pages to dark system colors / form controls. r=Gijs,preferences-reviewers,webcompat-reviewers,twisniewski
Privileged pages do this automatically via:

  https://searchfox.org/mozilla-central/rev/aa8c75b83f636948f708986173965c84cae8c25f/widget/nsXPLookAndFeel.cpp#1179-1183

So this makes everything more consistent. Known exceptions:

 * Pocket panels (as those don't seem to support dark mode)
 * about:reader (because it has its own dark mode handling)

Differential Revision: https://phabricator.services.mozilla.com/D132019
2021-11-25 21:24:43 +00:00

71 lines
3.1 KiB
HTML

<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
<meta name="color-scheme" content="light dark" />
<link rel="localization" href="toolkit/about/certviewer.ftl">
<link rel="localization" href="branding/brand.ftl">
<script type="module" src="chrome://global/content/certviewer/certviewer.js"></script>
<script type="module" src="chrome://global/content/certviewer/components/certificate-section.js"></script>
<script type="module" src="chrome://global/content/certviewer/components/about-certificate-section.js"></script>
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
<link rel="stylesheet" href="chrome://global/content/certviewer/certviewer.css">
<title id="certTitle">about:certificate</title>
</head>
<body>
<template id="certificate-section-template" class="section">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/certificate-section.css">
<h1 class="title"></h1>
</template>
<template id="certificate-tabs-template">
<div class="certificate-tabs" role="tablist"></div>
</template>
<template id="info-groups-template">
</template>
<template id="info-item-template">
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/info-item.css">
<label></label>
<span class="info"></span>
</template>
<template id="info-group-template">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/info-group.css">
<span class="extension">
<img src="chrome://global/skin/icons/error.svg" id="critical-info" data-l10n-id="certificate-viewer-critical-extension">
<span class="info-group-title"></span>
</span>
<span class="info-group-title-hr"></span>
</template>
<template id="error-section-template">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/error-section.css">
<h1 class="title"></h1>
<span class="error"></span>
</template>
<template id="about-certificate-template" class="section">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/certificate-section.css">
<h1 class="title"></h1>
</template>
<template id="about-certificate-items-template">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/about-certificate-section.css">
</template>
<template id="list-item-template">
<link rel="stylesheet" href="chrome://global/content/certviewer/components/list-item.css">
<a class="cert-url"><span class="item-name"></span></a>
<button class="export"></button>
</template>
</body>
</html>