Initial commit: AudiOhm - Alternative Spotify avec streaming YouTube
Backend: - FastAPI avec PostgreSQL et Redis - Authentification JWT complète - API REST pour musique, playlists, recherche - Streaming audio via yt-dlp - SQLAlchemy 2.0 async Frontend: - Flutter avec thème néon cyberpunk - State management Riverpod - Layout adaptatif desktop/mobile - Lecteur audio avec mini-player Infrastructure: - Docker Compose (PostgreSQL + Redis) - Scripts d'installation automatisés - Scripts de build pour exécutables Fichiers ajoutés: - BUILD_CLIENT_*.bat/sh: Scripts de compilation - BUILD_CLIENT_README.md: Documentation compilation - CHECK_FLUTTER.sh: Vérificateur d'environnement - requirements.txt mis à jour pour Python 3.13 - Modèles SQLAlchemy corrigés (metadata -> extra_metadata) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
root
@@ -0,0 +1,257 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'colors.dart';
|
||||
import 'text_styles.dart';
|
||||
|
||||
/// App Theme - Neon Cyberpunk
|
||||
class AppTheme {
|
||||
AppTheme._();
|
||||
|
||||
// Light theme (not used, keeping for completeness)
|
||||
static ThemeData get lightTheme => ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.light,
|
||||
colorScheme: _lightColorScheme,
|
||||
textTheme: _textTheme,
|
||||
fontFamily: AppTextStyles.fontFamily,
|
||||
);
|
||||
|
||||
// Dark theme (main theme)
|
||||
static ThemeData get darkTheme => ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.dark,
|
||||
colorScheme: _darkColorScheme,
|
||||
textTheme: _textTheme,
|
||||
fontFamily: AppTextStyles.fontFamily,
|
||||
scaffoldBackgroundColor: AppColors.primary,
|
||||
appBarTheme: _appBarTheme,
|
||||
cardTheme: _cardTheme,
|
||||
elevatedButtonTheme: _elevatedButtonTheme,
|
||||
textButtonTheme: _textButtonTheme,
|
||||
outlinedButtonTheme: _outlinedButtonTheme,
|
||||
inputDecorationTheme: _inputDecorationTheme,
|
||||
floatingActionButtonTheme: _floatingActionButtonTheme,
|
||||
bottomNavigationBarTheme: _bottomNavigationBarTheme,
|
||||
navigationBarTheme: _navigationBarTheme,
|
||||
sliderTheme: _sliderTheme,
|
||||
progressIndicatorTheme: _progressIndicatorTheme,
|
||||
);
|
||||
|
||||
// Color Schemes
|
||||
static const ColorScheme _lightColorScheme = ColorScheme.light(
|
||||
primary: AppColors.cyan,
|
||||
secondary: AppColors.violet,
|
||||
tertiary: AppColors.rose,
|
||||
surface: AppColors.surface,
|
||||
error: AppColors.error,
|
||||
onPrimary: AppColors.primary,
|
||||
onSecondary: AppColors.primary,
|
||||
onSurface: AppColors.onSurface,
|
||||
onError: Colors.white,
|
||||
);
|
||||
|
||||
static const ColorScheme _darkColorScheme = ColorScheme.dark(
|
||||
primary: AppColors.cyan,
|
||||
secondary: AppColors.violet,
|
||||
tertiary: AppColors.rose,
|
||||
surface: AppColors.surface,
|
||||
error: AppColors.error,
|
||||
onPrimary: AppColors.primary,
|
||||
onSecondary: AppColors.primary,
|
||||
onSurface: AppColors.onSurface,
|
||||
onError: Colors.white,
|
||||
);
|
||||
|
||||
// Text Theme
|
||||
static const TextTheme _textTheme = TextTheme(
|
||||
displayLarge: AppTextStyles.h1,
|
||||
displayMedium: AppTextStyles.h2,
|
||||
displaySmall: AppTextStyles.h3,
|
||||
bodyLarge: AppTextStyles.bodyLarge,
|
||||
bodyMedium: AppTextStyles.body,
|
||||
bodySmall: AppTextStyles.bodySmall,
|
||||
labelLarge: AppTextStyles.button,
|
||||
labelMedium: AppTextStyles.label,
|
||||
labelSmall: AppTextStyles.caption,
|
||||
);
|
||||
|
||||
// AppBar Theme
|
||||
static const AppBarTheme _appBarTheme = AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: false,
|
||||
backgroundColor: Colors.transparent,
|
||||
foregroundColor: AppColors.onBackground,
|
||||
titleTextStyle: AppTextStyles.h2,
|
||||
iconTheme: IconThemeData(
|
||||
color: AppColors.onSurface,
|
||||
),
|
||||
);
|
||||
|
||||
// Card Theme
|
||||
static CardTheme _cardTheme = CardTheme(
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
side: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.15),
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
color: AppColors.surface,
|
||||
margin: const EdgeInsets.all(8),
|
||||
);
|
||||
|
||||
// Elevated Button Theme
|
||||
static ElevatedButtonThemeData _elevatedButtonTheme =
|
||||
ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
elevation: 0,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
backgroundColor: AppColors.cyan,
|
||||
foregroundColor: AppColors.primary,
|
||||
textStyle: AppTextStyles.button,
|
||||
shadowColor: AppColors.cyan.withOpacity(0.4),
|
||||
).copyWith(
|
||||
overlayColor: MaterialStateProperty.resolveWith((states) {
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return AppColors.cyan.withOpacity(0.2);
|
||||
}
|
||||
if (states.contains(MaterialState.hovered)) {
|
||||
return AppColors.cyan.withOpacity(0.1);
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
),
|
||||
);
|
||||
|
||||
// Text Button Theme
|
||||
static TextButtonThemeData _textButtonTheme = TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
foregroundColor: AppColors.cyan,
|
||||
textStyle: AppTextStyles.button,
|
||||
).copyWith(
|
||||
side: MaterialStateProperty.resolveWith((states) {
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return BorderSide(color: AppColors.cyan, width: 2);
|
||||
}
|
||||
return BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.5),
|
||||
width: 1.5,
|
||||
);
|
||||
}),
|
||||
),
|
||||
);
|
||||
|
||||
// Outlined Button Theme
|
||||
static OutlinedButtonThemeData _outlinedButtonTheme =
|
||||
OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 14),
|
||||
side: const BorderSide(color: AppColors.cyan, width: 2),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
foregroundColor: AppColors.cyan,
|
||||
textStyle: AppTextStyles.button,
|
||||
),
|
||||
);
|
||||
|
||||
// Input Decoration Theme
|
||||
static InputDecorationTheme _inputDecorationTheme =
|
||||
InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: AppColors.surface,
|
||||
contentPadding:
|
||||
const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.2),
|
||||
width: 2,
|
||||
),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.2),
|
||||
width: 2,
|
||||
),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.cyan, width: 2),
|
||||
),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.error, width: 2),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.error, width: 2),
|
||||
),
|
||||
hintStyle: AppTextStyles.body.copyWith(color: AppColors.muted),
|
||||
);
|
||||
|
||||
// Floating Action Button Theme
|
||||
static FloatingActionButtonThemeData _floatingActionButtonTheme =
|
||||
FloatingActionButtonThemeData(
|
||||
elevation: 4,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
backgroundColor: AppColors.cyan,
|
||||
foregroundColor: AppColors.primary,
|
||||
iconSize: 24,
|
||||
);
|
||||
|
||||
// Bottom Navigation Bar Theme
|
||||
static BottomNavigationBarThemeData _bottomNavigationBarTheme =
|
||||
BottomNavigationBarThemeData(
|
||||
elevation: 8,
|
||||
backgroundColor: AppColors.surface,
|
||||
selectedItemColor: AppColors.cyan,
|
||||
unselectedItemColor: AppColors.muted,
|
||||
selectedLabelStyle: AppTextStyles.caption,
|
||||
unselectedLabelStyle: AppTextStyles.caption,
|
||||
type: BottomNavigationBarType.fixed,
|
||||
);
|
||||
|
||||
// Navigation Bar Theme (Material 3)
|
||||
static NavigationBarThemeData _navigationBarTheme =
|
||||
NavigationBarThemeData(
|
||||
elevation: 0,
|
||||
backgroundColor: AppColors.surface,
|
||||
indicatorColor: AppColors.cyan.withOpacity(0.15),
|
||||
labelTextStyle: MaterialStateProperty.all(AppTextStyles.caption),
|
||||
height: 56,
|
||||
);
|
||||
|
||||
// Slider Theme
|
||||
static SliderThemeData _sliderTheme = SliderThemeData(
|
||||
trackHeight: 3,
|
||||
thumbShape: const RoundSliderThumbShape(
|
||||
enabledThumbRadius: 6,
|
||||
),
|
||||
overlayShape: const RoundSliderOverlayShape(
|
||||
overlayRadius: 16,
|
||||
),
|
||||
activeTrackColor: AppColors.cyan,
|
||||
inactiveTrackColor: AppColors.surfaceVariant,
|
||||
thumbColor: AppColors.cyan,
|
||||
overlayColor: AppColors.cyan.withOpacity(0.2),
|
||||
);
|
||||
|
||||
// Progress Indicator Theme
|
||||
static ProgressIndicatorThemeData _progressIndicatorTheme =
|
||||
ProgressIndicatorThemeData(
|
||||
color: AppColors.cyan,
|
||||
linearTrackColor: AppColors.surfaceVariant,
|
||||
circularTrackColor: AppColors.surfaceVariant,
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// App Colors - Neon Cyberpunk Theme
|
||||
class AppColors {
|
||||
AppColors._();
|
||||
|
||||
// Backgrounds
|
||||
static const Color primary = Color(0xFF0A0E27); // Bleu nuit très foncé
|
||||
static const Color surface = Color(0xFF1A1F3A); // Bleu nuit
|
||||
static const Color surfaceVariant = Color(0xFF252B4A);
|
||||
static const Color surfaceElevated = Color(0xFF2D344F);
|
||||
|
||||
// Neon accent colors
|
||||
static const Color cyan = Color(0xFF00F0FF); // Cyan électrique néon
|
||||
static const Color violet = Color(0xFFBF00FF); // Violet/magenta néon
|
||||
static const Color rose = Color(0xFFFF006E); // Rose néon vif
|
||||
static const Color vert = Color(0xFF39FF14); // Vert néon matrix
|
||||
static const Color jaune = Color(0xFFFFD600); // Jaune néon
|
||||
static const Color rouge = Color(0xFFFF2A6D); // Rouge néon
|
||||
|
||||
// Text colors
|
||||
static const Color onBackground = Color(0xFFE0E6FF); // Blanc bleuté
|
||||
static const Color onSurface = Color(0xFFB0B8D4); // Bleu gris clair
|
||||
static const Color onSurfaceVariant = Color(0xFF8A92B4);
|
||||
static const Color muted = Color(0xFF6A7294); // Bleu gris désaturé
|
||||
|
||||
// Functional colors
|
||||
static const Color success = vert;
|
||||
static const Color warning = jaune;
|
||||
static const Color error = rouge;
|
||||
static const Color info = cyan;
|
||||
|
||||
// Gradients
|
||||
static const LinearGradient primaryGradient = LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [cyan, violet],
|
||||
);
|
||||
|
||||
static const LinearGradient accentGradient = LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [violet, rose],
|
||||
);
|
||||
|
||||
static const LinearGradient fullGradient = LinearGradient(
|
||||
begin: Alignment(-1.0, -1.0),
|
||||
end: Alignment(1.0, 1.0),
|
||||
colors: [cyan, violet, rose],
|
||||
);
|
||||
|
||||
// Glow shadows
|
||||
static List<BoxShadow> get cyanGlow => [
|
||||
BoxShadow(
|
||||
color: cyan.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
|
||||
static List<BoxShadow> get violetGlow => [
|
||||
BoxShadow(
|
||||
color: violet.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
|
||||
static List<BoxShadow> get roseGlow => [
|
||||
BoxShadow(
|
||||
color: rose.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'colors.dart';
|
||||
|
||||
/// App Text Styles - Neon Cyberpunk Theme
|
||||
class AppTextStyles {
|
||||
AppTextStyles._();
|
||||
|
||||
// Font family
|
||||
static const String fontFamily = 'Outfit';
|
||||
|
||||
// Heading 1 - 32px Bold
|
||||
static const TextStyle h1 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 32,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: AppColors.onBackground,
|
||||
letterSpacing: -0.5,
|
||||
);
|
||||
|
||||
// Heading 2 - 24px SemiBold
|
||||
static const TextStyle h2 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.onBackground,
|
||||
letterSpacing: -0.25,
|
||||
);
|
||||
|
||||
// Heading 3 - 20px SemiBold
|
||||
static const TextStyle h3 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.onBackground,
|
||||
);
|
||||
|
||||
// Body Large - 16px Regular
|
||||
static const TextStyle bodyLarge = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.onBackground,
|
||||
height: 1.5,
|
||||
);
|
||||
|
||||
// Body - 14px Regular
|
||||
static const TextStyle body = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.onSurface,
|
||||
height: 1.5,
|
||||
);
|
||||
|
||||
// Body Small - 12px Regular
|
||||
static const TextStyle bodySmall = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.muted,
|
||||
height: 1.4,
|
||||
);
|
||||
|
||||
// Caption - 12px Regular
|
||||
static const TextStyle caption = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.muted,
|
||||
height: 1.3,
|
||||
);
|
||||
|
||||
// Button - 14px SemiBold
|
||||
static const TextStyle button = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.primary,
|
||||
letterSpacing: 0.5,
|
||||
);
|
||||
|
||||
// Label - 14px Medium
|
||||
static const TextStyle label = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: AppColors.onSurface,
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user