chore: re-style onboarding buttons (#4196)

This commit is contained in:
ggurdin 2025-09-30 15:01:51 -04:00 committed by GitHub
parent 1edb3e34a9
commit dabfb54ee8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 35 additions and 87 deletions

View file

@ -177,12 +177,9 @@ class CourseInvitePageController extends State<CourseInvitePage> {
}
},
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor:
theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 8.0,
@ -204,12 +201,9 @@ class CourseInvitePageController extends State<CourseInvitePage> {
}
},
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor:
theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 8.0,

View file

@ -127,12 +127,8 @@ class LanguageSelectionPageState extends State<LanguageSelectionPage> {
}
: null,
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,

View file

@ -50,12 +50,8 @@ class LoginOptionsView extends StatelessWidget {
ElevatedButton(
onPressed: () => context.go('/home/login/email'),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 8.0,
@ -63,7 +59,8 @@ class LoginOptionsView extends StatelessWidget {
children: [
PangeaLogoSvg(
width: 20,
forceColor: Theme.of(context).colorScheme.onSurface,
forceColor:
Theme.of(context).colorScheme.onPrimaryContainer,
),
Text(L10n.of(context).email),
],

View file

@ -95,12 +95,8 @@ class LoginOrSignupViewState extends State<LoginOrSignupView> {
ElevatedButton(
onPressed: () => context.go('/home/signup'),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
@ -112,12 +108,8 @@ class LoginOrSignupViewState extends State<LoginOrSignupView> {
ElevatedButton(
onPressed: () => context.go('/home/login'),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,

View file

@ -108,12 +108,8 @@ class PasswordLoginView extends StatelessWidget {
onPressed:
controller.enabledSignIn ? controller.login : null,
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,

View file

@ -57,12 +57,8 @@ class PlanTripPage extends StatelessWidget {
'/$route/course/private',
),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 4.0,
@ -78,12 +74,8 @@ class PlanTripPage extends StatelessWidget {
'/$route/course/public',
),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 4.0,
@ -99,12 +91,8 @@ class PlanTripPage extends StatelessWidget {
'/$route/course/own',
),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 4.0,

View file

@ -89,12 +89,8 @@ class PrivateTripPageState extends State<PrivateTripPage> {
ElevatedButton(
onPressed: _code.isNotEmpty ? _submit : null,
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,

View file

@ -62,12 +62,8 @@ class SignupPageView extends StatelessWidget {
'/home/signup/${controller.widget.langCode}/email',
),
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 8.0,
@ -75,7 +71,8 @@ class SignupPageView extends StatelessWidget {
children: [
PangeaLogoSvg(
width: 20,
forceColor: Theme.of(context).colorScheme.onSurface,
forceColor:
Theme.of(context).colorScheme.onPrimaryContainer,
),
Text(L10n.of(context).withEmail),
],

View file

@ -79,12 +79,8 @@ class SignupWithEmailView extends StatelessWidget {
onPressed:
controller.enableSignUp ? controller.signup : null,
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,

View file

@ -83,12 +83,8 @@ class PangeaSsoButton extends StatelessWidget {
final theme = Theme.of(context);
return ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: theme.colorScheme.surface,
foregroundColor: theme.colorScheme.onSurface,
side: BorderSide(
width: 1,
color: theme.colorScheme.onSurface,
),
backgroundColor: theme.colorScheme.primaryContainer,
foregroundColor: theme.colorScheme.onPrimaryContainer,
),
child: Row(
spacing: 8.0,
@ -99,7 +95,7 @@ class PangeaSsoButton extends StatelessWidget {
height: 20,
width: 20,
colorFilter: ColorFilter.mode(
theme.colorScheme.onSurface,
theme.colorScheme.onPrimaryContainer,
BlendMode.srcIn,
),
),