Bug 1269485 - Improve New Private Browsing start-page background styles r=Gijs

MozReview-Commit-ID: 6gju3cfipJ3

--HG--
extra : transplant_source : %AC%E3bd%AA%20Ua%C4%BD%A2Xx%12%CA%26%97%E7%07%B8
This commit is contained in:
Ricky Chien 2016-05-04 17:05:50 +08:00
Родитель 51b7105186
Коммит bc20d8239b
4 изменённых файлов: 16 добавлений и 21 удалений

Просмотреть файл

@ -1,5 +1,5 @@
body.private .showNormal,
body.normal .showPrivate,
html.private .showNormal,
html.normal .showPrivate,
body[tpEnabled] .showTpDisabled,
body:not([tpEnabled]) .showTpEnabled {
display: none !important;

Просмотреть файл

@ -44,8 +44,8 @@ function setFavIcon(url) {
document.addEventListener("DOMContentLoaded", function () {
if (!PrivateBrowsingUtils.isContentWindowPrivate(window)) {
document.body.classList.remove("private");
document.body.classList.add("normal");
document.documentElement.classList.remove("private");
document.documentElement.classList.add("normal");
document.title = stringBundle.GetStringFromName("title.normal");
document.getElementById("favicon")
.setAttribute("href", FAVICON_QUESTION);

Просмотреть файл

@ -17,7 +17,7 @@
%aboutPrivateBrowsingDTD;
]>
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml" class="private">
<head>
<link id="favicon" rel="icon" type="image/png"/>
<link rel="stylesheet" href="chrome://browser/content/aboutPrivateBrowsing.css" type="text/css" media="all"/>
@ -25,7 +25,7 @@
<script type="application/javascript;version=1.7" src="chrome://browser/content/aboutPrivateBrowsing.js"></script>
</head>
<body dir="&locale.dir;" class="private">
<body dir="&locale.dir;">
<p class="showNormal">&aboutPrivateBrowsing.notPrivate;</p>
<button xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
id="startPrivateBrowsing"

Просмотреть файл

@ -5,10 +5,6 @@
@import url("chrome://global/skin/in-content/info-pages.css");
:root {
--color-background-light: #fff;
--color-background-dark: #303033;
--color-background-dark-purple: #1c023c;
--color-grey-lightest: #fbfbfb;
--color-grey: #b1b1b1;
@ -16,21 +12,21 @@
--color-blue-dark: #0670cc;
--color-blue-darker: #005bab;
--color-darkTheme-purple-text: #beb8cc;
--color-darkTheme-purple-text-strong: #ebe3fc;
--icon-margin: 64px;
}
html {
font-size: 1.5em;
}
html.private {
--in-content-page-color: #beb8cc;
--in-content-text-color: #beb8cc;
--in-content-page-background: #1c023c;
}
body {
padding: 40px;
background-color: var(--color-background-light);
font-size: 1.5em;
}
body.private {
color: var(--color-darkTheme-purple-text);
background-color: var(--color-background-dark-purple);
}
a:link {
@ -82,7 +78,6 @@ p {
background-position: left, center;
font-weight: lighter;
line-height: 1.5em;
color: var(--color-darkTheme-purple-text);
min-height: 64px;
-moz-margin-start: 0;
-moz-padding-start: calc(var(--icon-margin) + 24px);