Refactor theme colors and styles across the application

- Introduced AppColors class to centralize color definitions for better maintainability and consistency. - Updated various screens (Settings, Vault Access, Note Card, etc.) to use AppColors for styling instead of hardcoded colors. - Enhanced UI elements with improved color contrast and accessibility. - Replaced gradient backgrounds with defined color schemes for a cohesive look. - Refactored button styles and text colors to align with the new theme structure.
2026-05-23 09:38:26 +02:00
parent 814f8f7c04
commit f4bb5104e2
14 changed files with 488 additions and 300 deletions
@@ -0,0 +1,78 @@
+import 'package:flutter/material.dart';
+
+class AppColors {
+  AppColors._();
+
+  static const Color defaultThemeSeedColor = Colors.amber;
+
+  static const Color scaffoldBackground = Color.fromRGBO(31, 32, 33, 1);
+  static const Color backdropStart = Color(0xFF191A1D);
+  static const Color backdropMid = Color(0xFF222326);
+  static const Color backdropEnd = Color(0xFF101114);
+  static const LinearGradient backdropGradient = LinearGradient(
+    colors: <Color>[backdropStart, backdropMid, backdropEnd],
+    begin: Alignment.topLeft,
+    end: Alignment.bottomRight,
+  );
+
+  static const Color surface = Color(0xFF1D1E20);
+  static const Color surfaceElevated = Color(0xFF303134);
+  static const Color drawerBackground = Color.fromARGB(255, 30, 31, 35);
+  static const Color cardBackground = Color.fromRGBO(24, 25, 26, 1);
+
+  static const Color overlay = Color.fromARGB(140, 0, 0, 0);
+  static const Color shadow = Color.fromRGBO(0, 0, 0, 0.35);
+  static const Color transparent = Colors.transparent;
+
+  static const Color accent = Colors.amber;
+  static const Color destructive = Colors.red;
+  static const Color destructiveAccent = Colors.redAccent;
+  static const Color success = Colors.green;
+  static const Color textOnAccent = Colors.black;
+  static const Color textOnSurfaceDark = Colors.black87;
+
+  static const Color textPrimary = Colors.white;
+  static const Color textSecondary = Colors.white70;
+  static const Color textMuted = Colors.white54;
+  static const Color textSubtle = Colors.white38;
+  static const Color textDisabled = Colors.white24;
+  static const Color textHint = Color.fromRGBO(255, 255, 255, 0.30);
+
+  static const Color borderStrong = Color.fromRGBO(255, 255, 255, 0.20);
+  static const Color border = Color.fromRGBO(255, 255, 255, 0.12);
+  static const Color borderMuted = Color.fromRGBO(255, 255, 255, 0.08);
+  static const Color fill = Color.fromRGBO(255, 255, 255, 0.05);
+  static const Color hover = Color.fromRGBO(255, 255, 255, 0.10);
+  static const Color searchFocusBorder = Color.fromRGBO(255, 255, 255, 0.40);
+  static const Color shadowSoft = Color.fromRGBO(0, 0, 0, 0.25);
+  static const Color shadowDim = Color.fromARGB(54, 0, 0, 0);
+
+  static const Color categoryFallback = Color(0xFFFFC107);
+  static const List<Color> categoryColors = <Color>[
+    Colors.amber,
+    Colors.blue,
+    Colors.green,
+    Colors.purple,
+    Colors.red,
+    Colors.teal,
+    Colors.orange,
+    Colors.grey,
+  ];
+
+  static const List<Color> themeSeedColors = <Color>[
+    Colors.amber,
+    Colors.blue,
+    Colors.teal,
+    Colors.green,
+    Colors.pink,
+    Colors.purple,
+  ];
+
+  static const Color dragTargetBorder = Color(0xFF42A5F5);
+
+  static const Color syncPreparing = Color.fromARGB(255, 165, 165, 165);
+  static const Color syncEncrypting = Color.fromARGB(255, 109, 191, 255);
+  static const Color syncUploading = Color.fromARGB(255, 98, 190, 255);
+  static const Color syncWaiting = Color.fromARGB(255, 150, 150, 150);
+  static const Color syncDecrypting = Color.fromARGB(255, 154, 194, 112);
+}