For mozcentral use Firefox color theme instead of system theme.
See: https://bugzilla.mozilla.org/show_bug.cgi?id=1701691
This commit is contained in:
parent
d10da907da
commit
2c713f9cb5
6
external/builder/builder.js
vendored
6
external/builder/builder.js
vendored
@ -269,6 +269,12 @@ function preprocessCSS(mode, source, destination) {
|
|||||||
content = expandImports(content, source);
|
content = expandImports(content, source);
|
||||||
if (mode === "mozcentral") {
|
if (mode === "mozcentral") {
|
||||||
content = removePrefixed(content, hasPrefixedMozcentral);
|
content = removePrefixed(content, hasPrefixedMozcentral);
|
||||||
|
// In the mozcentral version the color theme should be based on the Firefox
|
||||||
|
// theme instead of the system theme.
|
||||||
|
content = content.replace(
|
||||||
|
"prefers-color-scheme",
|
||||||
|
"-moz-toolbar-prefers-color-scheme"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
fs.writeFileSync(destination, content);
|
fs.writeFileSync(destination, content);
|
||||||
}
|
}
|
||||||
|
17
web/app.js
17
web/app.js
@ -424,20 +424,23 @@ const PDFViewerApplication = {
|
|||||||
try {
|
try {
|
||||||
const styleSheet = document.styleSheets[0];
|
const styleSheet = document.styleSheets[0];
|
||||||
const cssRules = styleSheet?.cssRules || [];
|
const cssRules = styleSheet?.cssRules || [];
|
||||||
|
const mediaMatcher =
|
||||||
|
typeof PDFJSDev !== "undefined" && PDFJSDev.test("MOZCENTRAL")
|
||||||
|
? "-moz-toolbar-prefers-color-scheme"
|
||||||
|
: "prefers-color-scheme";
|
||||||
|
const mediaRule = `(${mediaMatcher}: dark)`;
|
||||||
|
const mediaRegex = new RegExp(
|
||||||
|
`^@media \\(${mediaMatcher}: dark\\) {\\n\\s*([\\w\\s-.,:;/\\\\{}()]+)\\n}$`
|
||||||
|
);
|
||||||
for (let i = 0, ii = cssRules.length; i < ii; i++) {
|
for (let i = 0, ii = cssRules.length; i < ii; i++) {
|
||||||
const rule = cssRules[i];
|
const rule = cssRules[i];
|
||||||
if (
|
if (rule instanceof CSSMediaRule && rule.media?.[0] === mediaRule) {
|
||||||
rule instanceof CSSMediaRule &&
|
|
||||||
rule.media?.[0] === "(prefers-color-scheme: dark)"
|
|
||||||
) {
|
|
||||||
if (cssTheme === ViewerCssTheme.LIGHT) {
|
if (cssTheme === ViewerCssTheme.LIGHT) {
|
||||||
styleSheet.deleteRule(i);
|
styleSheet.deleteRule(i);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// cssTheme === ViewerCssTheme.DARK
|
// cssTheme === ViewerCssTheme.DARK
|
||||||
const darkRules = /^@media \(prefers-color-scheme: dark\) {\n\s*([\w\s-.,:;/\\{}()]+)\n}$/.exec(
|
const darkRules = mediaRegex.exec(rule.cssText);
|
||||||
rule.cssText
|
|
||||||
);
|
|
||||||
if (darkRules?.[1]) {
|
if (darkRules?.[1]) {
|
||||||
styleSheet.deleteRule(i);
|
styleSheet.deleteRule(i);
|
||||||
styleSheet.insertRule(darkRules[1], i);
|
styleSheet.insertRule(darkRules[1], i);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user