self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-01-22 05:10:01 +02:00
Code Issues Releases Activity

Improving icon color

Browse Source
This commit is contained in:
Patrik J. Braun 2023-08-09 22:47:11 +02:00
parent 6d91416fd6
commit 84e3735b78
2 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/backend/routes/PublicRouter.ts
View File

@ -120,7 +120,9 @@ export class PublicRouter {
icons: [
{
src: 'icon_inv.svg',
sizes: 'any',
sizes: "48x48 72x72 96x96 128x128 256x256 512x512",
type: "image/svg+xml",
purpose: "any"
},
{
src: 'icon_inv.png',
@ -140,16 +142,37 @@ export class PublicRouter {
app.get('/icon.svg', (req: Request, res: Response) => {
res.set('Cache-control', 'public, max-age=31536000');
res.header('Content-Type', 'image/svg+xml');
res.send('<svg xmlns="http://www.w3.org/2000/svg"' +
' viewBox="' + (Config.Server.svgIcon.viewBox || '0 0 512 512') + '">' +
'<path d="' + Config.Server.svgIcon.path + '"/></svg>');
});
app.get('/icon_inv.svg', (req: Request, res: Response) => {
app.get('/icon_auto.svg', (req: Request, res: Response) => {
res.set('Cache-control', 'public, max-age=31536000');
res.header('Content-Type', 'image/svg+xml');
res.send('<svg xmlns="http://www.w3.org/2000/svg"' +
' viewBox="' + (Config.Server.svgIcon.viewBox || '0 0 512 512') + '">' +
'<path fill="#FFF" d="' + Config.Server.svgIcon.path + '"/></svg>');
'<style>' +
' path {' +
' fill: black;' +
' }' +
' @media (prefers-color-scheme: dark) {' +
' path {' +
' fill: white;' +
' }' +
' }' +
' </style>' +
'<path d="' + Config.Server.svgIcon.path + '"/></svg>');
});
app.get('/icon_inv.svg', (req: Request, res: Response) => {
res.set('Cache-control', 'public, max-age=31536000');
res.header('Content-Type', 'image/svg+xml');
res.send('<svg xmlns="http://www.w3.org/2000/svg"' +
' viewBox="' + (Config.Server.svgIcon.viewBox || '0 0 512 512') + '">' +
'<path style="fill:white" d="' + Config.Server.svgIcon.path + '"/></svg>');
});
@ -169,7 +192,7 @@ export class PublicRouter {
app.get('/icon_inv.png', async (req: Request, res: Response, next: NextFunction) => {
try {
const p = path.join(ProjectPath.TempFolder, '/icon_inv.png');
await PhotoProcessing.renderSVG(Config.Server.svgIcon, p, '#FFF');
await PhotoProcessing.renderSVG(Config.Server.svgIcon, p, 'white');
res.sendFile(p, {
maxAge: 31536000,
dotfiles: 'allow',

4
src/frontend/index.html
View File

@ -4,7 +4,7 @@
<base href="<%= Config.Server.urlBase %>/"/>
<meta charset="UTF-8">
<title>Loading..</title>
<link rel="shortcut icon" href="icon.svg">
<link rel="shortcut icon" href="icon_auto.svg">
<link rel="shortcut icon" sizes="256x256" href="icon.png" type="image/png">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -12,7 +12,7 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="icon.svg">
<link rel="apple-touch-icon" href="icon_auto.svg">
<link rel="apple-touch-icon" sizes="256x256" href="icon.png">
<link rel="manifest" crossorigin="use-credentials" href="manifest.json">