mirror/rustdesk
1
0
Fork 0
mirror of https://github.com/rustdesk/rustdesk.git synced 2024-11-28 15:49:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Theme. Share general styles

Browse Source
This commit is contained in:
grummbeer 2023-03-30 00:03:15 +02:00
parent d3c2a12bde
commit a0b5239ecf
1 changed files with 35 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
flutter/lib/common.dart
View File

@ -186,26 +186,51 @@ class MyTheme {
static const Color button = Color(0xFF2C8CFF); static const Color button = Color(0xFF2C8CFF);
static const Color hoverBorder = Color(0xFF999999); static const Color hoverBorder = Color(0xFF999999);
// ListTile
static const ListTileThemeData listTileTheme = ListTileThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
);
// Checkbox
static const CheckboxThemeData checkboxTheme = CheckboxThemeData(
splashRadius: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
);
// TextButton // TextButton
// Value is used to calculate "dialog.actionsPadding" // Value is used to calculate "dialog.actionsPadding"
static const double mobileTextButtonPaddingLR = 20; static const double mobileTextButtonPaddingLR = 20;
// TextButton on mobile needs a fixed padding, otherwise small buttons // TextButton on mobile needs a fixed padding, otherwise small buttons
// like "OK" has a larger left/right padding. // like "OK" has a larger left/right padding.
static const EdgeInsets mobileTextButtonPadding = static TextButtonThemeData mobileTextButtonTheme = TextButtonThemeData(
EdgeInsets.symmetric(horizontal: mobileTextButtonPaddingLR); style: TextButton.styleFrom(
padding: EdgeInsets.symmetric(horizontal: mobileTextButtonPaddingLR),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
),
);
// Dialogs // Dialogs
static const double dialogPadding = 24; static const double dialogPadding = 24;
// padding bottom depend on content (some dialogs has no content) // padding bottom depends on content (some dialogs has no content)
static EdgeInsets dialogTitlePadding({bool content = true}) { static EdgeInsets dialogTitlePadding({bool content = true}) {
final double p = dialogPadding; final double p = dialogPadding;
return EdgeInsets.fromLTRB(p, p, p, content ? 0 : p); return EdgeInsets.fromLTRB(p, p, p, content ? 0 : p);
} }
// padding bottom depend on actions (mobile has dialogs without actions) // padding bottom depends on actions (mobile has dialogs without actions)
static EdgeInsets dialogContentPadding({bool actions = true}) { static EdgeInsets dialogContentPadding({bool actions = true}) {
final double p = dialogPadding; final double p = dialogPadding;
@ -276,14 +301,7 @@ class MyTheme {
), ),
), ),
) )
: TextButtonThemeData( : mobileTextButtonTheme,
style: TextButton.styleFrom(
padding: mobileTextButtonPadding,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
),
),
elevatedButtonTheme: ElevatedButtonThemeData( elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: MyTheme.accent, backgroundColor: MyTheme.accent,
@ -301,21 +319,8 @@ class MyTheme {
), ),
), ),
), ),
checkboxTheme: const CheckboxThemeData( checkboxTheme: checkboxTheme,
splashRadius: 0, listTileTheme: listTileTheme,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
),
listTileTheme: ListTileThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
),
menuBarTheme: MenuBarThemeData( menuBarTheme: MenuBarThemeData(
style: style:
MenuStyle(backgroundColor: MaterialStatePropertyAll(Colors.white))), MenuStyle(backgroundColor: MaterialStatePropertyAll(Colors.white))),
@ -381,14 +386,7 @@ class MyTheme {
), ),
), ),
) )
: TextButtonThemeData( : mobileTextButtonTheme,
style: TextButton.styleFrom(
padding: mobileTextButtonPadding,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
),
),
elevatedButtonTheme: ElevatedButtonThemeData( elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: MyTheme.accent, backgroundColor: MyTheme.accent,
@ -411,21 +409,8 @@ class MyTheme {
), ),
), ),
), ),
checkboxTheme: const CheckboxThemeData( checkboxTheme: checkboxTheme,
splashRadius: 0, listTileTheme: listTileTheme,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
),
listTileTheme: ListTileThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
),
menuBarTheme: MenuBarThemeData( menuBarTheme: MenuBarThemeData(
style: MenuStyle( style: MenuStyle(
backgroundColor: MaterialStatePropertyAll(Color(0xFF121212)))), backgroundColor: MaterialStatePropertyAll(Color(0xFF121212)))),