b0esche/b0esche_cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance UI of account settings dialog: update text fields with improved styling and container backgrounds

Browse Source
This commit is contained in:
Leon Bösche
2026-01-27 08:51:30 +01:00
parent 425bfcb495
commit 94ff7f1007
1 changed files with 67 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
b0esche_cloud/lib/widgets/account_settings_dialog.dart
View File

@@ -376,19 +376,23 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
TextFormField( Container(
controller: _displayNameController, decoration: BoxDecoration(
style: TextStyle(color: AppTheme.primaryText), color: AppTheme.primaryBackground.withValues(alpha: 0.5),
decoration: InputDecoration( borderRadius: BorderRadius.circular(16),
hintText: 'Enter display name', border: Border.all(
hintStyle: TextStyle(color: AppTheme.secondaryText), color: AppTheme.accentColor.withValues(alpha: 0.3),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
), ),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.circular(8), child: TextFormField(
borderSide: BorderSide(color: AppTheme.secondaryText), controller: _displayNameController,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter display name',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
), ),
), ),
), ),
@@ -434,20 +438,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
TextFormField( Container(
controller: _currentPasswordController, decoration: BoxDecoration(
obscureText: true, color: AppTheme.primaryBackground.withValues(alpha: 0.5),
style: TextStyle(color: AppTheme.primaryText), borderRadius: BorderRadius.circular(16),
decoration: InputDecoration( border: Border.all(
hintText: 'Enter current password', color: AppTheme.accentColor.withValues(alpha: 0.3),
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
), ),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.circular(8), child: TextFormField(
borderSide: BorderSide(color: AppTheme.secondaryText), controller: _currentPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter current password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
), ),
), ),
), ),
@@ -462,20 +470,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
TextFormField( Container(
controller: _newPasswordController, decoration: BoxDecoration(
obscureText: true, color: AppTheme.primaryBackground.withValues(alpha: 0.5),
style: TextStyle(color: AppTheme.primaryText), borderRadius: BorderRadius.circular(16),
decoration: InputDecoration( border: Border.all(
hintText: 'Enter new password', color: AppTheme.accentColor.withValues(alpha: 0.3),
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
), ),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.circular(8), child: TextFormField(
borderSide: BorderSide(color: AppTheme.secondaryText), controller: _newPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter new password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
), ),
), ),
), ),
@@ -490,20 +502,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
TextFormField( Container(
controller: _confirmPasswordController, decoration: BoxDecoration(
obscureText: true, color: AppTheme.primaryBackground.withValues(alpha: 0.5),
style: TextStyle(color: AppTheme.primaryText), borderRadius: BorderRadius.circular(16),
decoration: InputDecoration( border: Border.all(
hintText: 'Confirm new password', color: AppTheme.accentColor.withValues(alpha: 0.3),
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
), ),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.circular(8), child: TextFormField(
borderSide: BorderSide(color: AppTheme.secondaryText), controller: _confirmPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Confirm new password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
), ),
), ),
), ),