AppFlowy-IO/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-09-20 15:37:16 +03:00
Code Issues Projects Releases Wiki Activity

fix: inative background color

Browse Source
This commit is contained in:
Lucas Oliveira 2022-07-25 14:45:37 -03:00
parent 07f300f032
commit 7295554355
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/app_flowy/lib/workspace/presentation/widgets/toggle/toggle.dart
View File

@ -27,7 +27,7 @@ class Toggle extends StatelessWidget {
height: style.height,
width: style.width,
decoration: BoxDecoration(
color: style.backgroundColor,
color: value ? style.activeBackgroundColor : style.inactiveBackgroundColor,
borderRadius: BorderRadius.circular(style.height / 2),
),
),

13
frontend/app_flowy/lib/workspace/presentation/widgets/toggle/toggle_style.dart
View File

@ -7,29 +7,32 @@ class ToggleStyle {
final double width;
final double thumbRadius;
final Color backgroundColor;
final Color thumbColor;
final Color activeBackgroundColor;
final Color inactiveBackgroundColor;
ToggleStyle({
required this.height,
required this.width,
required this.thumbRadius,
required this.backgroundColor,
required this.thumbColor,
required this.activeBackgroundColor,
required this.inactiveBackgroundColor,
});
ToggleStyle.big(AppTheme theme)
: height = 16,
width = 27,
thumbRadius = 14,
backgroundColor = theme.main1,
activeBackgroundColor = theme.main1,
inactiveBackgroundColor = theme.shader5,
thumbColor = theme.surface;
ToggleStyle.small(AppTheme theme)
: height = 10,
width = 16,
thumbRadius = 8,
backgroundColor = theme.main1,
activeBackgroundColor = theme.main1,
inactiveBackgroundColor = theme.shader5,
thumbColor = theme.surface;
}