forked from eatvio/eatvio_app
145 lines
3.6 KiB
Dart
145 lines
3.6 KiB
Dart
import 'package:eatvio_app/theme/theme_helper.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class AppDecoration {
|
|
// Fill decorations
|
|
static BoxDecoration get fillOnPrimary => BoxDecoration(
|
|
color: theme.colorScheme.onPrimary,
|
|
);
|
|
|
|
// Outline decorations
|
|
static BoxDecoration get outlineBlueA => BoxDecoration(
|
|
color: theme.colorScheme.onPrimary,
|
|
border: Border.all(
|
|
color: appTheme.blueA400,
|
|
width: 1,
|
|
),
|
|
);
|
|
|
|
static BoxDecoration get outlinePrimary => BoxDecoration(
|
|
color: theme.colorScheme.onPrimary,
|
|
border: Border.all(
|
|
color: theme.colorScheme.primary,
|
|
width: 1,
|
|
),
|
|
);
|
|
|
|
static BoxDecoration get fillDeepOrange => BoxDecoration(
|
|
color: appTheme.deepOrange900.withOpacity(0.8),
|
|
);
|
|
|
|
static BoxDecoration get fillGray => BoxDecoration(
|
|
color: appTheme.gray50,
|
|
);
|
|
|
|
static BoxDecoration get fillGray100 => BoxDecoration(
|
|
color: appTheme.gray100,
|
|
);
|
|
|
|
static BoxDecoration get fillGray60002 => BoxDecoration(
|
|
color: appTheme.gray60002,
|
|
);
|
|
|
|
static BoxDecoration get fillGreenA => BoxDecoration(
|
|
color: appTheme.greenA700.withOpacity(0.8),
|
|
);
|
|
|
|
static BoxDecoration get fillPrimary => BoxDecoration(
|
|
color: theme.colorScheme.primary,
|
|
);
|
|
|
|
static BoxDecoration get fillWhiteA => BoxDecoration(
|
|
color: appTheme.whiteA700,
|
|
);
|
|
|
|
static BoxDecoration get outlineBlueGray => BoxDecoration(
|
|
border: Border.all(
|
|
color: appTheme.black,
|
|
width: 1,
|
|
strokeAlign: strokeAlignOutside,
|
|
),
|
|
);
|
|
}
|
|
|
|
class BorderRadiusStyle {
|
|
// Circle borders
|
|
static BorderRadius get circleBorder8 => BorderRadius.circular(
|
|
8,
|
|
);
|
|
|
|
// Rounded borders
|
|
static BorderRadius get roundedBorder1 => BorderRadius.circular(
|
|
1,
|
|
);
|
|
|
|
// Outline decorations
|
|
static BoxDecoration get outlineBlack => BoxDecoration(
|
|
color: appTheme.whiteA700,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: appTheme.black900.withOpacity(0.15),
|
|
spreadRadius: 2,
|
|
blurRadius: 2,
|
|
offset: Offset(
|
|
0,
|
|
2,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
|
|
static BoxDecoration get outlineBlueGray => BoxDecoration(
|
|
border: Border.all(
|
|
color: appTheme.black,
|
|
width: 1,
|
|
strokeAlign: strokeAlignOutside,
|
|
),
|
|
);
|
|
|
|
// Circle borders
|
|
static BorderRadius get circleBorder17 => BorderRadius.circular(
|
|
17,
|
|
);
|
|
|
|
static BorderRadius get circleBorder20 => BorderRadius.circular(
|
|
20,
|
|
);
|
|
|
|
static BorderRadius get circleBorder62 => BorderRadius.circular(
|
|
62,
|
|
);
|
|
|
|
// Custom borders
|
|
static BorderRadius get customBorderBL8 => BorderRadius.only(
|
|
bottomLeft: Radius.circular(8),
|
|
);
|
|
|
|
static BorderRadius get customBorderTL5 => BorderRadius.vertical(
|
|
top: Radius.circular(5),
|
|
);
|
|
|
|
static BorderRadius get customBorderTL51 => BorderRadius.only(
|
|
topLeft: Radius.circular(5),
|
|
bottomRight: Radius.circular(5),
|
|
);
|
|
|
|
// Rounded borders
|
|
static BorderRadius get roundedBorder12 => BorderRadius.circular(
|
|
12,
|
|
);
|
|
|
|
static BorderRadius get roundedBorder5 => BorderRadius.circular(
|
|
5,
|
|
);
|
|
|
|
static BorderRadius get roundedBorder8 => BorderRadius.circular(
|
|
8,
|
|
);
|
|
}
|
|
|
|
double get strokeAlignInside => BorderSide.strokeAlignInside;
|
|
|
|
double get strokeAlignCenter => BorderSide.strokeAlignCenter;
|
|
|
|
double get strokeAlignOutside => BorderSide.strokeAlignOutside;
|