Michael/xtremflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremflow.git synced 2026-10-11 17:30:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme): update border colors and rename elevation to shadow for clarity

Browse Source
This commit is contained in:
GitHub Copilot committed 2026-03-26 11:38:54 +01:00
1 parent 611fc41c76
commit 1b39aed8a5
2 files changed
+17 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

lib/core/theme/app_colors.dart
+4 -4
View File
@@ -134,11 +134,11 @@ class AppColors {
static final Color scrim = Colors.black.withOpacity(0.4);
// ============ DIVIDERS & BORDERS ============
/// Default border color (subtle white line)
static final Color border = const Color(0xFFFFFFFF).withOpacity(0.1);
/// Default border color (subtle white line at 10% opacity)
static const Color border = Color(0x1AFFFFFF);
/// Strong border for emphasis
static final Color borderStrong = const Color(0xFFFFFFFF).withOpacity(0.2);
/// Strong border for emphasis (20% opacity)
static const Color borderStrong = Color(0x33FFFFFF);
// ============ LIVE INDICATOR ============
static const Color live = Color(0xFFFF3B30);
lib/core/theme/app_theme.dart
+13 -5
View File
@@ -37,8 +37,16 @@ class AppTheme {
static const double radiusFull = 999.0;
// ============ ELEVATION (5-level cinematic shadow system) ============
// Simple elevation values
static const double elevationXs = 2.0;
static const double elevationSm = 4.0;
static const double elevationMd = 8.0;
static const double elevationLg = 16.0;
static const double elevationXl = 24.0;
// Shadow lists for advanced effects
// Level 1: Depth 1px - minimal elevation (UI borders)
static const List<BoxShadow> elevationXs = [
static const List<BoxShadow> shadowXs = [
BoxShadow(
color: Color(0x0D000000),
blurRadius: 2,
@@ -47,7 +55,7 @@ class AppTheme {
];
// Level 2: Depth 4px - cards, buttons
static const List<BoxShadow> elevationSm = [
static const List<BoxShadow> shadowSm = [
BoxShadow(
color: Color(0x14000000),
blurRadius: 4,
@@ -56,7 +64,7 @@ class AppTheme {
];
// Level 3: Depth 8px - hovered cards, modals
static const List<BoxShadow> elevationMd = [
static const List<BoxShadow> shadowMd = [
BoxShadow(
color: Color(0x23000000),
blurRadius: 8,
@@ -65,7 +73,7 @@ class AppTheme {
];
// Level 4: Depth 16px - elevated panels, bottom sheets
static const List<BoxShadow> elevationLg = [
static const List<BoxShadow> shadowLg = [
BoxShadow(
color: Color(0x38000000),
blurRadius: 16,
@@ -74,7 +82,7 @@ class AppTheme {
];
// Level 5: Depth 24px - floating menus, dropdowns
static const List<BoxShadow> elevationXl = [
static const List<BoxShadow> shadowXl = [
BoxShadow(
color: Color(0x4D000000),
blurRadius: 24,