[STYLE] 更新 Favicon 與側邊欄品牌標誌

1. 使用 Pillow 將新品牌 Logo 自適應裁切並生成 512x512 PNG 格式的 starcloud_icon.png。
2. 生成包含多種主流尺寸(16x16 至 256x256)的全新 favicon.ico。
3. 於後台管理主模板 (admin.blade.php) 與登入視圖 (login.blade.php) 中加入 Favicon 宣告。
4. 替換後台主模板 (admin.blade.php)、全螢幕載入畫面 (loading-screen.blade.php) 以及 Logo 元件 (application-logo.blade.php) 中所有舊的 S1_cropped_transparent.png 為全新星雲品牌 icon。
This commit is contained in:
sky121113 2026-05-17 12:43:22 +08:00
parent b8aeef4262
commit 9eb314f0e2
6 changed files with 6 additions and 4 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 96 KiB

BIN
public/starcloud_icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title> <title>{{ config('app.name', 'Laravel') }}</title>
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net"> <link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap" rel="stylesheet" /> <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap" rel="stylesheet" />

View File

@ -1 +1 @@
<img src="{{ asset('S1_cropped_transparent.png') }}" alt="{{ config('app.name') }} Logo" {{ $attributes }}> <img src="{{ asset('starcloud_icon.png') }}" alt="{{ config('app.name') }} Logo" {{ $attributes }}>

View File

@ -38,7 +38,7 @@
<!-- Central Logo --> <!-- Central Logo -->
<div class="relative w-20 h-20 rounded-full bg-slate-900/80 backdrop-blur-xl border border-white/20 flex items-center justify-center shadow-2xl overflow-hidden p-1"> <div class="relative w-20 h-20 rounded-full bg-slate-900/80 backdrop-blur-xl border border-white/20 flex items-center justify-center shadow-2xl overflow-hidden p-1">
<img src="{{ asset('S1_cropped_transparent.png') }}" alt="Logo" class="w-full h-full object-contain"> <img src="{{ asset('starcloud_icon.png') }}" alt="Logo" class="w-full h-full object-contain">
</div> </div>
</div> </div>

View File

@ -8,6 +8,7 @@
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Star Cloud') }}</title> <title>{{ config('app.name', 'Star Cloud') }}</title>
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
@ -68,7 +69,7 @@
<div class="mr-5 lg:mr-0 lg:hidden text-center"> <div class="mr-5 lg:mr-0 lg:hidden text-center">
<a class="flex items-center gap-x-2 flex-none text-xl font-bold dark:text-white font-display tracking-tight" <a class="flex items-center gap-x-2 flex-none text-xl font-bold dark:text-white font-display tracking-tight"
href="{{ route('admin.dashboard') }}" aria-label="Brand"> href="{{ route('admin.dashboard') }}" aria-label="Brand">
<img src="{{ asset('S1_cropped_transparent.png') }}" alt="{{ config('app.name') }} Logo" <img src="{{ asset('starcloud_icon.png') }}" alt="{{ config('app.name') }} Logo"
class="w-7 h-7 object-contain"> class="w-7 h-7 object-contain">
<span>Star<span class="text-cyan-500">Cloud</span></span> <span>Star<span class="text-cyan-500">Cloud</span></span>
</a> </a>
@ -412,7 +413,7 @@
<a class="flex items-center gap-x-2 text-xl font-bold text-slate-900 dark:text-white font-display tracking-tight whitespace-nowrap overflow-hidden transition-all duration-300" <a class="flex items-center gap-x-2 text-xl font-bold text-slate-900 dark:text-white font-display tracking-tight whitespace-nowrap overflow-hidden transition-all duration-300"
href="{{ route('admin.dashboard') }}" aria-label="Brand" href="{{ route('admin.dashboard') }}" aria-label="Brand"
:class="sidebarCollapsed ? 'max-w-0 opacity-0' : 'max-w-[200px] opacity-100'"> :class="sidebarCollapsed ? 'max-w-0 opacity-0' : 'max-w-[200px] opacity-100'">
<img src="{{ asset('S1_cropped_transparent.png') }}" alt="{{ config('app.name') }} Logo" <img src="{{ asset('starcloud_icon.png') }}" alt="{{ config('app.name') }} Logo"
class="w-8 h-8 object-contain shrink-0"> class="w-8 h-8 object-contain shrink-0">
<span>Star<span class="text-cyan-500">Cloud</span></span> <span>Star<span class="text-cyan-500">Cloud</span></span>
</a> </a>