Merge pull request #1638 from acelaya-forks/feature/pwa-fixes

Use new brand color in PWA
This commit is contained in:
Alejandro Celaya
2025-08-13 10:08:07 +02:00
committed by GitHub
3 changed files with 23 additions and 4 deletions

View File

@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org). The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
## [Unreleased]
### Added
* *Nothing*
### Changed
* *Nothing*
### Deprecated
* *Nothing*
### Removed
* *Nothing*
### Fixed
* [#1637](https://github.com/shlinkio/shlink-web-client/issues/1637) Fix brand color used in PWA
## [4.5.0] - 2025-08-08 ## [4.5.0] - 2025-08-08
### Added ### Added
* [shlink-web-component#755](https://github.com/shlinkio/shlink-web-component/issues/755) Add support for `any-value-query-param` and `valueless-query-param` redirect conditions when using Shlink >=4.5.0. * [shlink-web-component#755](https://github.com/shlinkio/shlink-web-component/issues/755) Add support for `any-value-query-param` and `valueless-query-param` redirect conditions when using Shlink >=4.5.0.

View File

@@ -3,7 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#4696e5"> <meta name="theme-color" content="#2078CF" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0B2D4E" media="(prefers-color-scheme: dark)">
<!-- <!--
manifest.json provides metadata used when your web app is added to the manifest.json provides metadata used when your web app is added to the

View File

@@ -1,12 +1,13 @@
import { BRAND_COLOR_LM } from '@shlinkio/shlink-frontend-kit';
import type { ManifestOptions } from 'vite-plugin-pwa'; import type { ManifestOptions } from 'vite-plugin-pwa';
export const manifest: Partial<ManifestOptions> = { export const manifest: Partial<ManifestOptions> = {
short_name: 'Shlink', short_name: 'Shlink',
name: 'Shlink', name: 'Shlink Web Client',
start_url: '/', start_url: '/',
display: 'standalone', display: 'standalone',
theme_color: '#4696e5', theme_color: BRAND_COLOR_LM, // Toolbar color
background_color: '#4696e5', background_color: BRAND_COLOR_LM, // Splash screen background color
icons: [ icons: [
{ {
src: './icons/icon-16x16.png', src: './icons/icon-16x16.png',