From 48de7b7c6dda53427bad5671ac5c43dd1210a8bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaakko=20Rantam=C3=A4ki?= Date: Sat, 15 Nov 2025 10:31:58 +0200 Subject: [PATCH] feat: Liquid Glass Icon (#1070) Co-authored-by: Fredrik Burmester --- app.json | 6 +- .../Assets/streamyfin_logo_layer1.svg | 12 ++ .../Assets/streamyfin_logo_layer2.svg | 12 ++ .../Assets/streamyfin_logo_layer3.svg | 12 ++ .../Assets/streamyfin_logo_layer4.svg | 12 ++ .../icon-ios-liquid-glass.icon/icon.json | 184 ++++++++++++++++++ 6 files changed, 233 insertions(+), 5 deletions(-) create mode 100644 assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer1.svg create mode 100644 assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer2.svg create mode 100644 assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer3.svg create mode 100644 assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer4.svg create mode 100644 assets/images/icon-ios-liquid-glass.icon/icon.json diff --git a/app.json b/app.json index b38723a0..8fe446c8 100644 --- a/app.json +++ b/app.json @@ -29,11 +29,7 @@ }, "supportsTablet": true, "bundleIdentifier": "com.fredrikburmester.streamyfin", - "icon": { - "dark": "./assets/images/icon-ios-plain.png", - "light": "./assets/images/icon-ios-light.png", - "tinted": "./assets/images/icon-ios-tinted.png" - }, + "icon": "./assets/images/icon-ios-liquid-glass.icon", "appleTeamId": "MWD5K362T8" }, "android": { diff --git a/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer1.svg b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer1.svg new file mode 100644 index 00000000..8db3252d --- /dev/null +++ b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer1.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer2.svg b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer2.svg new file mode 100644 index 00000000..c1b6c4f5 --- /dev/null +++ b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer3.svg b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer3.svg new file mode 100644 index 00000000..03ae22b0 --- /dev/null +++ b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer3.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer4.svg b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer4.svg new file mode 100644 index 00000000..12b708a8 --- /dev/null +++ b/assets/images/icon-ios-liquid-glass.icon/Assets/streamyfin_logo_layer4.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon-ios-liquid-glass.icon/icon.json b/assets/images/icon-ios-liquid-glass.icon/icon.json new file mode 100644 index 00000000..4e40ad17 --- /dev/null +++ b/assets/images/icon-ios-liquid-glass.icon/icon.json @@ -0,0 +1,184 @@ +{ + "fill": { + "solid": "display-p3:0.18039,0.18039,0.18039,1.00000" + }, + "groups": [ + { + "blur-material": 0.3, + "layers": [ + { + "fill-specializations": [ + { + "value": "none" + }, + { + "appearance": "tinted", + "value": { + "automatic-gradient": "display-p3:0.76482,0.76482,0.76482,0.84903" + } + } + ], + "glass": true, + "hidden": false, + "image-name": "streamyfin_logo_layer1.svg", + "name": "streamyfin_logo_layer1" + } + ], + "opacity": 1, + "position": { + "scale": 1.7, + "translation-in-points": [30, 0] + }, + "shadow": { + "kind": "none", + "opacity": 1 + }, + "specular": true, + "translucency": { + "enabled": true, + "value": 0.6 + } + }, + { + "blend-mode": "normal", + "blur-material": 0.8, + "hidden": false, + "layers": [ + { + "blend-mode": "normal", + "fill-specializations": [ + { + "value": "none" + }, + { + "appearance": "tinted", + "value": { + "automatic-gradient": "gray:0.75000,1.00000" + } + } + ], + "hidden": false, + "image-name": "streamyfin_logo_layer2.svg", + "name": "streamyfin_logo_layer2", + "opacity": 1, + "position": { + "scale": 1, + "translation-in-points": [0, 0] + } + } + ], + "lighting": "individual", + "name": "Group", + "opacity": 1, + "position": { + "scale": 1.7, + "translation-in-points": [30, -0.01613253252572302] + }, + "shadow": { + "kind": "layer-color", + "opacity": 0.35 + }, + "specular": true, + "translucency-specializations": [ + { + "value": { + "enabled": true, + "value": 0.5 + } + }, + { + "appearance": "tinted", + "value": { + "enabled": true, + "value": 0.8 + } + } + ] + }, + { + "blend-mode": "normal", + "blur-material": 0.5, + "layers": [ + { + "fill-specializations": [ + { + "appearance": "tinted", + "value": { + "automatic-gradient": "gray:0.29000,1.00000" + } + } + ], + "glass": true, + "hidden": false, + "image-name": "streamyfin_logo_layer3.svg", + "name": "streamyfin_logo_layer3", + "opacity": 0.9 + } + ], + "name": "Group", + "opacity": 0.8, + "position": { + "scale": 1.7, + "translation-in-points": [30, 0] + }, + "shadow": { + "kind": "none", + "opacity": 0.5 + }, + "specular": true, + "translucency": { + "enabled": true, + "value": 0.7 + } + }, + { + "blur-material": 0.5, + "hidden": false, + "layers": [ + { + "glass": true, + "hidden-specializations": [ + { + "value": false + }, + { + "appearance": "tinted", + "value": true + } + ], + "image-name": "streamyfin_logo_layer4.svg", + "name": "streamyfin_logo_layer4", + "opacity-specializations": [ + { + "value": 1 + }, + { + "appearance": "tinted", + "value": 0 + } + ] + } + ], + "lighting": "combined", + "name": "Group", + "opacity": 0.9, + "position": { + "scale": 1.7, + "translation-in-points": [30, 0] + }, + "shadow": { + "kind": "neutral", + "opacity": 0.5 + }, + "specular": false, + "translucency": { + "enabled": true, + "value": 0.5 + } + } + ], + "supported-platforms": { + "circles": ["watchOS"], + "squares": "shared" + } +}