Frontend-user/lib/finance.dart

@@ -5,7 +5,7 @@ import 'expand.dart';
 
 /*
 todo:
-  - Design, Farbschema, Darkmode
+  - Design, Darkmode
   - Einkauf und Settings
   - Details zum Warenkorb und Beschreibung (https://stackoverflow.com/questions/49029841/how-to-animate-collapse-elements-in-flutter)
   - farbliche Hervorhebungen
@@ -20,7 +20,7 @@ class Transaction {
   Art art;
   DateTime datum;
   String beschreibung;
-  bool elevated = true;
+  bool elevated = false;
   Transaction(this.art, this.betrag, this.datum, this.beschreibung);
 }
 
@@ -96,7 +96,7 @@ class _Finance extends State<Finance> {
               return Card(
                 clipBehavior: Clip.hardEdge,
                 child: InkWell(
-                  splashColor: Colors.blue.withAlpha(30),
+                  splashColor: const Color(0xff5f7c61).withAlpha(30),
                   onTap: () {
                     transactions[index].elevated =
                         !transactions[index].elevated;

Frontend-user/lib/main.dart

@@ -14,10 +14,19 @@ class MyApp extends StatelessWidget {
       title: 'SoNaKo Demo App',
       debugShowCheckedModeBanner: false,
       theme: ThemeData(
+          //darkgreen:5f7c61, mediumgreen: 66906a, lightgreen: 9cbe96, yellow: f5de64
           useMaterial3: true,
+          brightness: Brightness.light,
           colorScheme: ColorScheme.fromSeed(
-              seedColor: Colors.green)), //9bbee6 //79,128,104
+              brightness: Brightness.light,
-      darkTheme: ThemeData.dark(),
+              seedColor: const Color(0xff5f7c61))),
+      darkTheme: ThemeData(
+          useMaterial3: true,
+          brightness: Brightness.dark,
+          colorScheme: ColorScheme.fromSeed(
+            brightness: Brightness.dark,
+            seedColor: const Color(0xff5f7c61),
+          )),
       themeMode: ThemeMode.system,
       home: const MyHomePage(),
     );