Base: Support dark mode in version page

This commit is contained in:
Jamie Mansfield 2024-07-07 16:31:20 +01:00 committed by Andreas Kling
parent 27f3305b87
commit 21c5373456
Notes: sideshowbarker 2024-07-17 02:55:44 +09:00
4 changed files with 16 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -4,6 +4,13 @@
<meta charset="UTF-8">
<title>About %browser_name%</title>
<style>
/* FIXME: We should be able to remove the HTML style when "color-scheme" is supported */
@media (prefers-color-scheme: dark) {
html {
background-color: rgb(20, 20, 20);
color: rgb(235, 235, 235);
}
}
img {
float: left;
margin-right: 10px;
@ -19,7 +26,10 @@
</head>
<body>
<header>
<img src="resource://icons/128x128/app-browser.png">
<picture>
<source srcset="resource://icons/128x128/app-browser.png" media="(prefers-color-scheme: dark)">
<img src="resource://icons/128x128/app-browser-dark.png">
</picture>
<h1>About %browser_name%</h1>
</header>
<table>

View file

@ -47,6 +47,7 @@ set(48x48_ICONS
)
set(128x128_ICONS
app-browser.png
app-browser-dark.png
)
set(BROWSER_ICONS
clear-cache.png

View file

@ -249,7 +249,10 @@ icons_32x32 = [
icons_48x48 = [ "//Base/res/icons/48x48/app-browser.png" ]
icons_128x128 = [ "//Base/res/icons/128x128/app-browser.png" ]
icons_128x128 = [
"//Base/res/icons/128x128/app-browser.png",
"//Base/res/icons/128x128/app-browser-dark.png",
]
icons_browser = [
"//Base/res/icons/browser/clear-cache.png",