fune/browser/components/migration/content/aboutWelcomeBack.xhtml
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

75 lines
3.1 KiB
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!--
# 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 [
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
%htmlDTD;
]>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<head>
<meta http-equiv="Content-Security-Policy" content="default-src chrome: resource:; img-src chrome: resource: data:; object-src 'none'" />
<meta name="color-scheme" content="light dark" />
<title data-l10n-id="welcome-back-tab-title"></title>
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" media="all"/>
<link rel="stylesheet" href="chrome://browser/skin/aboutWelcomeBack.css" media="all"/>
<link rel="icon" href="chrome://global/skin/icons/info-filled.svg"/>
<link rel="localization" href="browser/aboutSessionRestore.ftl"/>
<link rel="localization" href="branding/brand.ftl"/>
<script src="chrome://browser/content/aboutSessionRestore.js"/>
</head>
<body>
<div class="container">
<div class="title">
<h1 class="title-text" data-l10n-id="welcome-back-page-title"></h1>
</div>
<div class="description">
<p data-l10n-id="welcome-back-page-info"></p>
<!-- Note a href in the anchor below is added by JS -->
<p data-l10n-id="welcome-back-page-info-link"><a id="linkMoreTroubleshooting" target="_blank" data-l10n-name="link-more"></a></p>
<div>
<label class="radioRestoreContainer radio-container-with-text">
<input class="radioRestoreButton" id="radioRestoreAll" type="radio"
name="restore" checked="checked"/>
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-all-label"></span>
</label>
<label class="radioRestoreContainer radio-container-with-text">
<input class="radioRestoreButton" id="radioRestoreChoose" type="radio"
name="restore"/>
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-some-label"></span>
</label>
</div>
</div>
<div class="tree-container">
<xul:tree id="tabList" flex="1" seltype="single" hidecolumnpicker="true">
<xul:treecols>
<xul:treecol cycler="true" id="restore" type="checkbox" data-l10n-id="restore-page-restore-header"/>
<xul:splitter class="tree-splitter"/>
<xul:treecol primary="true" id="title" data-l10n-id="restore-page-list-header" flex="1"/>
</xul:treecols>
<xul:treechildren flex="1"/>
</xul:tree>
</div>
<div class="button-container">
<xul:button class="primary"
id="errorTryAgain"
data-l10n-id="welcome-back-restore-button"/>
</div>
<input type="text" id="sessionData" hidden="true"/>
</div>
</body>
</html>