mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-17 07:50:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

Base: Support dark mode in version page

Browse source
This commit is contained in:
Jamie Mansfield 2024-07-07 16:31:20 +01:00 • committed by Andreas Kling
commit 21c5373456
Notes: sideshowbarker 2024-07-17 02:55:44 +09:00
4 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
Base/res/icons/128x128/app-browser-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

12
Base/res/ladybird/templates/version.html
View file

@ -4,6 +4,13 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>About %browser_name%</title> <title>About %browser_name%</title>
<style> <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 { img {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
@ -19,7 +26,10 @@
</head> </head>
<body> <body>
<header> <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> <h1>About %browser_name%</h1>
</header> </header>
<table> <table>

1
Ladybird/cmake/ResourceFiles.cmake
View file

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

5
Meta/gn/secondary/Ladybird/BUILD.gn
View file

@ -249,7 +249,10 @@ icons_32x32 = [
icons_48x48 = [ "//Base/res/icons/48x48/app-browser.png" ] 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 = [ icons_browser = [
"//Base/res/icons/browser/clear-cache.png", "//Base/res/icons/browser/clear-cache.png",