softvisor/App-Gaslieferung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added first draft of login and tour select page

Browse Source
This commit is contained in:
Dennis Nemec
2026-02-01 19:59:11 +01:00
parent 2bc428976a
commit 4e808e234d
37 changed files with 585 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
lib/ui/theme/font.dart Normal file
View File

@ -0,0 +1,27 @@
import 'package:flutter/material.dart';
class AppTypography {
static TextTheme interTextTheme() {
return const TextTheme(
displayLarge: TextStyle(fontFamily: 'Inter', fontSize: 57, fontWeight: FontWeight.w600, height: 64 / 57, letterSpacing: -0.25),
displayMedium: TextStyle(fontFamily: 'Inter', fontSize: 45, fontWeight: FontWeight.w600, height: 52 / 45),
displaySmall: TextStyle(fontFamily: 'Inter', fontSize: 36, fontWeight: FontWeight.w600, height: 44 / 36),
headlineLarge: TextStyle(fontFamily: 'Inter', fontSize: 32, fontWeight: FontWeight.w600, height: 40 / 32),
headlineMedium: TextStyle(fontFamily: 'Inter', fontSize: 28, fontWeight: FontWeight.w600, height: 36 / 28),
headlineSmall: TextStyle(fontFamily: 'Inter', fontSize: 24, fontWeight: FontWeight.w600, height: 32 / 24),
titleLarge: TextStyle(fontFamily: 'Inter', fontSize: 22, fontWeight: FontWeight.w600, height: 28 / 22),
titleMedium: TextStyle(fontFamily: 'Inter', fontSize: 16, fontWeight: FontWeight.w600, height: 24 / 16, letterSpacing: 0.15),
titleSmall: TextStyle(fontFamily: 'Inter', fontSize: 14, fontWeight: FontWeight.w600, height: 20 / 14, letterSpacing: 0.10),
bodyLarge: TextStyle(fontFamily: 'Inter', fontSize: 16, fontWeight: FontWeight.w400, height: 24 / 16, letterSpacing: 0.50),
bodyMedium: TextStyle(fontFamily: 'Inter', fontSize: 14, fontWeight: FontWeight.w400, height: 20 / 14, letterSpacing: 0.25),
bodySmall: TextStyle(fontFamily: 'Inter', fontSize: 12, fontWeight: FontWeight.w400, height: 16 / 12, letterSpacing: 0.40),
labelLarge: TextStyle(fontFamily: 'Inter', fontSize: 14, fontWeight: FontWeight.w600, height: 20 / 14, letterSpacing: 0.10),
labelMedium: TextStyle(fontFamily: 'Inter', fontSize: 12, fontWeight: FontWeight.w600, height: 16 / 12, letterSpacing: 0.50),
labelSmall: TextStyle(fontFamily: 'Inter', fontSize: 11, fontWeight: FontWeight.w600, height: 16 / 11, letterSpacing: 0.50),
);
}
}

179
lib/ui/theme/theme.dart Normal file
View File

@ -0,0 +1,179 @@
import 'package:flutter/material.dart';
import 'font.dart';
/// Gaslieferung – Material 3 Theme (Light + Dark)
class AppTheme {
// ---- LIGHT COLORSCHEME (aus deiner Palette) ----
static const ColorScheme lightScheme = ColorScheme(
brightness: Brightness.light,
primary: Color(0xFFF7931E),
onPrimary: Color(0xFFFFFFFF),
primaryContainer: Color(0xFFFFD8A8),
onPrimaryContainer: Color(0xFF4A2A00),
secondary: Color(0xFF2F5DA8),
onSecondary: Color(0xFFFFFFFF),
secondaryContainer: Color(0xFFD6E3FF),
onSecondaryContainer: Color(0xFF0B1D36),
tertiary: Color(0xFF3FAE6A),
onTertiary: Color(0xFFFFFFFF),
tertiaryContainer: Color(0xFFCFF5DF),
onTertiaryContainer: Color(0xFF0F3D24),
error: Color(0xFFB3261E),
onError: Color(0xFFFFFFFF),
errorContainer: Color(0xFFF9DEDC),
onErrorContainer: Color(0xFF410E0B),
surface: Color(0xFFFFF8F2),
onSurface: Color(0xFF1F1F1F),
surfaceContainerHighest: Color(0xFFF2E6DA),
onSurfaceVariant: Color(0xFF4A4A4A),
outline: Color(0xFFC8BEB4),
outlineVariant: Color(0xFFE1D6CC),
shadow: Color(0xFF000000),
scrim: Color(0xFF000000),
inverseSurface: Color(0xFF34302D),
onInverseSurface: Color(0xFFF7F1EC),
inversePrimary: Color(0xFFFFB95C),
);
// ---- DARK COLORSCHEME (abgeleitet) ----
static const ColorScheme darkScheme = ColorScheme(
brightness: Brightness.dark,
primary: Color(0xFFFFB95C),
onPrimary: Color(0xFF3A1F00),
primaryContainer: Color(0xFF5C3A00),
onPrimaryContainer: Color(0xFFFFDDB3),
secondary: Color(0xFF9FC1FF),
onSecondary: Color(0xFF0B1D36),
secondaryContainer: Color(0xFF1E3F73),
onSecondaryContainer: Color(0xFFD6E3FF),
tertiary: Color(0xFF7ED6A3),
onTertiary: Color(0xFF00391F),
tertiaryContainer: Color(0xFF1F4D33),
onTertiaryContainer: Color(0xFFCFF5DF),
error: Color(0xFFF2B8B5),
onError: Color(0xFF601410),
errorContainer: Color(0xFF8C1D18),
onErrorContainer: Color(0xFFF9DEDC),
background: Color(0xFF121212),
onBackground: Color(0xFFE6E1DC),
surface: Color(0xFF1C1B1A),
onSurface: Color(0xFFE6E1DC),
surfaceVariant: Color(0xFF3A2F25),
onSurfaceVariant: Color(0xFFD6CFC7),
outline: Color(0xFF8F857A),
outlineVariant: Color(0xFF51463C),
shadow: Color(0xFF000000),
scrim: Color(0xFF000000),
inverseSurface: Color(0xFFE6E1DC),
onInverseSurface: Color(0xFF1C1B1A),
inversePrimary: Color(0xFFF7931E),
);
static ThemeData light() => _theme(lightScheme);
static ThemeData dark() => _theme(darkScheme);
static ThemeData _theme(ColorScheme scheme) {
return ThemeData(
useMaterial3: true,
colorScheme: scheme,
fontFamily: "Inter",
textTheme: AppTypography.interTextTheme(),
// Optional: Schrift/Shapes minimal „MD3-like“
scaffoldBackgroundColor: scheme.surface,
appBarTheme: AppBarTheme(
backgroundColor: scheme.primary,
foregroundColor: scheme.onPrimary,
elevation: 0,
),
listTileTheme: ListTileThemeData(shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)), iconColor: scheme.primary),
//iconTheme: IconThemeData(color: scheme.primary),
dropdownMenuTheme: DropdownMenuThemeData(
inputDecorationTheme: InputDecorationTheme(
// Falls du das Eingabefeld selbst auch abrunden willst:
border: OutlineInputBorder(borderRadius: BorderRadius.circular(14)),
),
menuStyle: MenuStyle(
shape: WidgetStateProperty.all<OutlinedBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
20,
), // Hier den gewünschten Radius für das Overlay
),
),
),
),
// Buttons (M3)
filledButtonTheme: FilledButtonThemeData(
style: FilledButton.styleFrom(
backgroundColor: scheme.primary,
foregroundColor: scheme.onPrimary,
minimumSize: const Size.fromHeight(52),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
),
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
minimumSize: const Size.fromHeight(52),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
),
),
outlinedButtonTheme: OutlinedButtonThemeData(
style: OutlinedButton.styleFrom(
minimumSize: const Size.fromHeight(52),
foregroundColor: scheme.primary,
side: BorderSide(color: scheme.outline),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
),
),
// Inputs
inputDecorationTheme: InputDecorationTheme(
filled: true,
fillColor: scheme.surfaceVariant,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(14),
borderSide: BorderSide.none,
),
),
// Cards
cardTheme: CardThemeData(
color: scheme.surface,
elevation: 1,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
),
);
}
}