chore: update the logos in app

This commit is contained in:
Kingkor Roy Tirtho 2025-04-25 20:56:13 +06:00
parent 7f65a33f89
commit b2b36571ef
6 changed files with 39 additions and 38 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

View File

@ -151,34 +151,25 @@ class Assets {
static const AssetGenImage spotubeHeroBanner = static const AssetGenImage spotubeHeroBanner =
AssetGenImage('assets/spotube-hero-banner.png'); AssetGenImage('assets/spotube-hero-banner.png');
static const AssetGenImage spotubeLogoForeground = static const AssetGenImage spotubeLogoForeground =
AssetGenImage('assets/spotube-logo-foreground.jpg'); AssetGenImage('assets/spotube-logo-foreground.png');
static const AssetGenImage spotubeLogoItem =
AssetGenImage('assets/spotube-logo-item.png');
static const AssetGenImage spotubeLogoLight =
AssetGenImage('assets/spotube-logo-light.png');
static const AssetGenImage spotubeLogoMacos = static const AssetGenImage spotubeLogoMacos =
AssetGenImage('assets/spotube-logo-macos.png'); AssetGenImage('assets/spotube-logo-macos.png');
static const AssetGenImage spotubeLogoBmp = static const AssetGenImage spotubeLogo =
AssetGenImage('assets/spotube-logo.bmp');
static const String spotubeLogoIco = 'assets/spotube-logo.ico';
static const AssetGenImage spotubeLogoPng =
AssetGenImage('assets/spotube-logo.png'); AssetGenImage('assets/spotube-logo.png');
static const String spotubeLogoSvg = 'assets/spotube-logo.svg';
static const AssetGenImage spotubeLogoAndroid12 = static const AssetGenImage spotubeLogoAndroid12 =
AssetGenImage('assets/spotube-logo_android12.png'); AssetGenImage('assets/spotube-logo_android12.png');
static const AssetGenImage spotubeNightlyLogoForeground = static const AssetGenImage spotubeNightlyItem =
AssetGenImage('assets/spotube-nightly-logo-foreground.jpg'); AssetGenImage('assets/spotube-nightly-item.png');
static const AssetGenImage spotubeNightlyLogoPng = static const AssetGenImage spotubeNightlyLogoForegroundPng =
AssetGenImage('assets/spotube-nightly-logo.png'); AssetGenImage('assets/spotube-nightly-logo-foreground.png');
static const String spotubeNightlyLogoSvg = 'assets/spotube-nightly-logo.svg'; static const String spotubeNightlyLogoForegroundSvg =
static const AssetGenImage spotubeNightlyLogoAndroid12 = 'assets/spotube-nightly-logo-foreground.svg';
AssetGenImage('assets/spotube-nightly-logo_android12.png');
static const AssetGenImage spotubeScreenshot = static const AssetGenImage spotubeScreenshot =
AssetGenImage('assets/spotube-screenshot.png'); AssetGenImage('assets/spotube-screenshot.png');
static const AssetGenImage spotubeTallCapsule =
AssetGenImage('assets/spotube-tall-capsule.png');
static const AssetGenImage spotubeWideCapsuleLarge =
AssetGenImage('assets/spotube-wide-capsule-large.png');
static const AssetGenImage spotubeWideCapsuleSmall =
AssetGenImage('assets/spotube-wide-capsule-small.png');
static const AssetGenImage spotubeBanner =
AssetGenImage('assets/spotube_banner.png');
static const AssetGenImage success = AssetGenImage('assets/success.png'); static const AssetGenImage success = AssetGenImage('assets/success.png');
static const $AssetsTutorialGen tutorial = $AssetsTutorialGen(); static const $AssetsTutorialGen tutorial = $AssetsTutorialGen();
static const AssetGenImage userPlaceholder = static const AssetGenImage userPlaceholder =
@ -197,21 +188,15 @@ class Assets {
placeholder, placeholder,
spotubeHeroBanner, spotubeHeroBanner,
spotubeLogoForeground, spotubeLogoForeground,
spotubeLogoItem,
spotubeLogoLight,
spotubeLogoMacos, spotubeLogoMacos,
spotubeLogoBmp, spotubeLogo,
spotubeLogoIco,
spotubeLogoPng,
spotubeLogoSvg,
spotubeLogoAndroid12, spotubeLogoAndroid12,
spotubeNightlyLogoForeground, spotubeNightlyItem,
spotubeNightlyLogoPng, spotubeNightlyLogoForegroundPng,
spotubeNightlyLogoSvg, spotubeNightlyLogoForegroundSvg,
spotubeNightlyLogoAndroid12,
spotubeScreenshot, spotubeScreenshot,
spotubeTallCapsule,
spotubeWideCapsuleLarge,
spotubeWideCapsuleSmall,
spotubeBanner,
success, success,
userPlaceholder userPlaceholder
]; ];

View File

@ -20,13 +20,16 @@ class Sidebar extends HookConsumerWidget {
super.key, super.key,
}); });
static Widget brandLogo() { static Widget brandLogo(BuildContext context) {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.black, color: Colors.black,
borderRadius: BorderRadius.circular(50), borderRadius: BorderRadius.circular(50),
), ),
child: Assets.spotubeLogoPng.image(height: 50), child: Assets.spotubeLogo.image(
height: 50,
cacheHeight: (100 * MediaQuery.devicePixelRatioOf(context)).toInt(),
),
); );
} }

View File

@ -17,7 +17,7 @@ class GettingStartedPageGreetingSection extends HookConsumerWidget {
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Assets.spotubeLogoPng.image(height: 200), Assets.spotubeLogo.image(height: 200),
const Gap(24), const Gap(24),
const Text("Spotube").semiBold().h4(), const Text("Spotube").semiBold().h4(),
const Gap(4), const Gap(4),

View File

@ -1,3 +1,5 @@
import 'dart:ui';
import 'package:auto_route/auto_route.dart'; import 'package:auto_route/auto_route.dart';
import 'package:flutter_hooks/flutter_hooks.dart'; import 'package:flutter_hooks/flutter_hooks.dart';
@ -28,6 +30,7 @@ class HomePage extends HookConsumerWidget {
@override @override
Widget build(BuildContext context, ref) { Widget build(BuildContext context, ref) {
final theme = Theme.of(context);
final controller = useScrollController(); final controller = useScrollController();
final mediaQuery = MediaQuery.of(context); final mediaQuery = MediaQuery.of(context);
final layoutMode = final layoutMode =
@ -45,7 +48,17 @@ class HomePage extends HookConsumerWidget {
if (mediaQuery.smAndDown || layoutMode == LayoutMode.compact) if (mediaQuery.smAndDown || layoutMode == LayoutMode.compact)
SliverAppBar( SliverAppBar(
floating: true, floating: true,
title: Assets.spotubeLogoPng.image(height: 45), title: Image.asset(
theme.brightness == Brightness.dark
? Assets.spotubeLogo.path
: Assets.spotubeLogoLight.path,
height: 45,
width: 45,
color: theme.colorScheme.background,
colorBlendMode: BlendMode.saturation,
cacheHeight:
(100 * MediaQuery.devicePixelRatioOf(context)).toInt(),
),
backgroundColor: context.theme.colorScheme.background, backgroundColor: context.theme.colorScheme.background,
foregroundColor: context.theme.colorScheme.foreground, foregroundColor: context.theme.colorScheme.foreground,
actions: [ actions: [

View File

@ -45,7 +45,7 @@ class AboutSpotubePage extends HookConsumerWidget {
padding: const EdgeInsets.symmetric(horizontal: 16.0), padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Column( child: Column(
children: [ children: [
Assets.spotubeLogoPng.image( Assets.spotubeLogo.image(
height: 200, height: 200,
width: 200, width: 200,
), ),