style(logo): refine visual appearance with darker gradient and larger elements
- commit
- cf590d6393e910c82f6a2493be835980a7756dbf
- author
- bamen · · 2025-09-09 21:29 UTC
- committer
- bamen · · 2025-09-09 16:14 UTC
- parent
- 51e7b4d
- signature
- unsigned
2 files · +20 -13
M assets/logo.svg +14 -7
| @@ -2,8 +2,8 @@ | |||
| 2 | 2 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | |
| 3 | 3 | <defs> | |
| 4 | 4 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | |
| 5 | - | <stop offset="0%" stop-color="#101214"/> | |
| 6 | - | <stop offset="100%" stop-color="#1b1e22"/> | |
| 5 | + | <stop offset="0%" stop-color="#121212"/> | |
| 6 | + | <stop offset="100%" stop-color="#1e1e1e"/> | |
| 7 | 7 | </linearGradient> | |
| 8 | 8 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | |
| 9 | 9 | <feOffset dx="0" dy="1"/> | |
| @@ -15,9 +15,16 @@ | |||
| 15 | 15 | </defs> | |
| 16 | 16 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | |
| 17 | 17 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | |
| 18 | - | <!-- D glyph --> | |
| 19 | - | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/> | |
| 20 | - | <!-- Speed bolt accent --> | |
| 21 | - | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95"/> | |
| 18 | + | <!-- D glyph (slightly larger and wider) --> | |
| 19 | + | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" | |
| 20 | + | fill="none" | |
| 21 | + | stroke="#e9eef3" | |
| 22 | + | stroke-width="4.5" | |
| 23 | + | stroke-linecap="round" | |
| 24 | + | stroke-linejoin="round" | |
| 25 | + | transform="translate(33,32) scale(1.12,1.10) translate(-33,-32)"/> | |
| 26 | + | <!-- Speed bolt accent (significantly larger, centered) --> | |
| 27 | + | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" | |
| 28 | + | fill="#ff9800" opacity="0.95" | |
| 29 | + | transform="translate(33,32) scale(1.8) translate(-33,-32) translate(0,-3)"/> | |
| 22 | 30 | </svg> | |
| 23 | - | ||
| @@ -2,8 +2,8 @@ | |||||
| 2 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | 2 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | ||
| 3 | <defs> | 3 | <defs> | ||
| 4 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | 4 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | ||
| 5 | - | <stop offset="0%" stop-color="#101214"/> | 5 | + | <stop offset="0%" stop-color="#121212"/> |
| 6 | - | <stop offset="100%" stop-color="#1b1e22"/> | 6 | + | <stop offset="100%" stop-color="#1e1e1e"/> |
| 7 | </linearGradient> | 7 | </linearGradient> | ||
| 8 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | 8 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | ||
| 9 | <feOffset dx="0" dy="1"/> | 9 | <feOffset dx="0" dy="1"/> | ||
| @@ -15,9 +15,16 @@ | |||||
| 15 | </defs> | 15 | </defs> | ||
| 16 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | 16 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | ||
| 17 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | 17 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | ||
| 18 | - | <!-- D glyph --> | 18 | + | <!-- D glyph (slightly larger and wider) --> |
| 19 | - | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/> | 19 | + | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" |
| 20 | - | <!-- Speed bolt accent --> | 20 | + | fill="none" |
| 21 | - | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95"/> | 21 | + | stroke="#e9eef3" |
| 22 | + | stroke-width="4.5" | |||
| 23 | + | stroke-linecap="round" | |||
| 24 | + | stroke-linejoin="round" | |||
| 25 | + | transform="translate(33,32) scale(1.12,1.10) translate(-33,-32)"/> | |||
| 26 | + | <!-- Speed bolt accent (significantly larger, centered) --> | |||
| 27 | + | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" | |||
| 28 | + | fill="#ff9800" opacity="0.95" | |||
| 29 | + | transform="translate(33,32) scale(1.8) translate(-33,-32) translate(0,-3)"/> | |||
| 22 | </svg> | 30 | </svg> | ||
| 23 | - | ||||
M frontend/src/utils/html-builder.ts +6 -6
| @@ -50,8 +50,8 @@ export class HTMLBuilder { | |||
| 50 | 50 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | |
| 51 | 51 | <defs> | |
| 52 | 52 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | |
| 53 | - | <stop offset="0%" stop-color="#101214"/> | |
| 54 | - | <stop offset="100%" stop-color="#1b1e22"/> | |
| 53 | + | <stop offset="0%" stop-color="#121212"/> | |
| 54 | + | <stop offset="100%" stop-color="#1e1e1e"/> | |
| 55 | 55 | </linearGradient> | |
| 56 | 56 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | |
| 57 | 57 | <feOffset dx="0" dy="1"/> | |
| @@ -63,10 +63,10 @@ export class HTMLBuilder { | |||
| 63 | 63 | </defs> | |
| 64 | 64 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | |
| 65 | 65 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | |
| 66 | - | <!-- D glyph --> | |
| 67 | - | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/> | |
| 68 | - | <!-- Speed bolt accent --> | |
| 69 | - | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95"/> | |
| 66 | + | <!-- D glyph (slightly larger and wider) --> | |
| 67 | + | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(33,32) scale(1.12,1.10) translate(-33,-32)"/> | |
| 68 | + | <!-- Speed bolt accent (significantly larger, centered) --> | |
| 69 | + | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95" transform="translate(33,32) scale(1.8) translate(-33,-32) translate(0,-3)"/> | |
| 70 | 70 | </svg>`; | |
| 71 | 71 | } | |
| 72 | 72 | ||
| @@ -50,8 +50,8 @@ export class HTMLBuilder { | |||||
| 50 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | 50 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> | ||
| 51 | <defs> | 51 | <defs> | ||
| 52 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | 52 | <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> | ||
| 53 | - | <stop offset="0%" stop-color="#101214"/> | 53 | + | <stop offset="0%" stop-color="#121212"/> |
| 54 | - | <stop offset="100%" stop-color="#1b1e22"/> | 54 | + | <stop offset="100%" stop-color="#1e1e1e"/> |
| 55 | </linearGradient> | 55 | </linearGradient> | ||
| 56 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | 56 | <filter id="inset" x="-20%" y="-20%" width="140%" height="140%"> | ||
| 57 | <feOffset dx="0" dy="1"/> | 57 | <feOffset dx="0" dy="1"/> | ||
| @@ -63,10 +63,10 @@ export class HTMLBuilder { | |||||
| 63 | </defs> | 63 | </defs> | ||
| 64 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | 64 | <rect x="4" y="4" width="56" height="56" rx="14" ry="14" fill="url(#bg)" filter="url(#inset)"/> | ||
| 65 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | 65 | <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" ry="13.5" fill="none" stroke="#252a2f" stroke-width="1"/> | ||
| 66 | - | <!-- D glyph --> | 66 | + | <!-- D glyph (slightly larger and wider) --> |
| 67 | - | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/> | 67 | + | <path d="M20 16 L20 48 M20 16 H34 q12 0 12 16 t-12 16 H20" fill="none" stroke="#e9eef3" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(33,32) scale(1.12,1.10) translate(-33,-32)"/> |
| 68 | - | <!-- Speed bolt accent --> | 68 | + | <!-- Speed bolt accent (significantly larger, centered) --> |
| 69 | - | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95"/> | 69 | + | <path d="M36 22 L32 34 h6 l-8 16 4-12 h-6 z" fill="#ff9800" opacity="0.95" transform="translate(33,32) scale(1.8) translate(-33,-32) translate(0,-3)"/> |
| 70 | </svg>`; | 70 | </svg>`; | ||
| 71 | } | 71 | } | ||
| 72 | 72 | ||||