From b357065b8727036d3156f5b801f4323fce590f7e Mon Sep 17 00:00:00 2001 From: Matthias Nehlsen Date: Thu, 22 Jun 2023 02:55:55 +0200 Subject: [PATCH] Audio recorder and player icons and style --- CHANGELOG.md | 4 ++++ lib/widgets/audio/audio_player.dart | 12 ++++++------ lib/widgets/audio/audio_recorder.dart | 10 ++++++++-- lib/widgets/audio/vu_meter.dart | 8 ++++---- .../journal/entry_details/delete_icon_widget.dart | 2 +- .../journal/entry_details/entry_detail_header.dart | 4 ++-- pubspec.yaml | 2 +- 7 files changed, 26 insertions(+), 16 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 852b24ff8..690d824b6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Changed +- Audio recorder and player icons and style + +## [0.8.382] - 2023-06-21 ### Changed: - Upgraded dependencies diff --git a/lib/widgets/audio/audio_player.dart b/lib/widgets/audio/audio_player.dart index b92a30ab0..37ee1bdaf 100644 --- a/lib/widgets/audio/audio_player.dart +++ b/lib/widgets/audio/audio_player.dart @@ -55,7 +55,7 @@ class AudioPlayerWidget extends StatelessWidget { mainAxisSize: MainAxisSize.min, children: [ IconButton( - icon: const Icon(Icons.play_arrow), + icon: const Icon(Icons.play_arrow_rounded), iconSize: 32, tooltip: 'Play', color: (state.status == AudioPlayerStatus.playing && isActive) @@ -74,28 +74,28 @@ class AudioPlayerWidget extends StatelessWidget { mainAxisSize: MainAxisSize.min, children: [ IconButton( - icon: const Icon(Icons.fast_rewind), + icon: const Icon(Icons.fast_rewind_rounded), iconSize: 32, tooltip: 'Rewind 15s', color: Theme.of(context).colorScheme.outline, onPressed: cubit.rew, ), IconButton( - icon: const Icon(Icons.pause), + icon: const Icon(Icons.pause_rounded), iconSize: 32, tooltip: 'Pause', color: Theme.of(context).colorScheme.outline, onPressed: cubit.pause, ), IconButton( - icon: const Icon(Icons.fast_forward), + icon: const Icon(Icons.fast_forward_rounded), iconSize: 32, tooltip: 'Fast forward 15s', color: Theme.of(context).colorScheme.outline, onPressed: cubit.fwd, ), IconButton( - icon: const Icon(Icons.stop), + icon: const Icon(Icons.stop_rounded), iconSize: 32, tooltip: 'Stop', color: Theme.of(context).colorScheme.outline, @@ -122,7 +122,7 @@ class AudioPlayerWidget extends StatelessWidget { ), if (Platform.isMacOS || Platform.isIOS) IconButton( - icon: const Icon(Icons.transcribe_outlined), + icon: const Icon(Icons.transcribe_rounded), iconSize: 20, tooltip: 'Transcribe', color: Theme.of(context).colorScheme.outline, diff --git a/lib/widgets/audio/audio_recorder.dart b/lib/widgets/audio/audio_recorder.dart index 07bd174c4..b8808b717 100644 --- a/lib/widgets/audio/audio_recorder.dart +++ b/lib/widgets/audio/audio_recorder.dart @@ -54,7 +54,10 @@ class AudioRecorderWidget extends StatelessWidget { children: [ IconButton( key: const Key('pauseIcon'), - icon: const Icon(Icons.pause), + icon: Icon( + Icons.pause_rounded, + color: Theme.of(context).colorScheme.outline, + ), padding: const EdgeInsets.only( left: 8, top: 8, @@ -67,7 +70,10 @@ class AudioRecorderWidget extends StatelessWidget { ), IconButton( key: const Key('stopIcon'), - icon: const Icon(Icons.stop_outlined), + icon: Icon( + Icons.stop_rounded, + color: Theme.of(context).colorScheme.outline, + ), padding: const EdgeInsets.only( left: 29, top: 8, diff --git a/lib/widgets/audio/vu_meter.dart b/lib/widgets/audio/vu_meter.dart index d4a029126..8b77f7725 100644 --- a/lib/widgets/audio/vu_meter.dart +++ b/lib/widgets/audio/vu_meter.dart @@ -42,9 +42,9 @@ class VuMeterButtonWidget extends StatelessWidget { alignment: Alignment.bottomCenter, children: [ Icon( - Icons.mic, + Icons.mic_rounded, size: iconSize, - color: Theme.of(context).colorScheme.outline.withOpacity(0.5), + color: Theme.of(context).colorScheme.outline, semanticLabel: 'Microphone', ), if (!hot) @@ -52,7 +52,7 @@ class VuMeterButtonWidget extends StatelessWidget { key: Key(state.decibels.toString()), clipper: CustomRect(audioLevel), child: Icon( - Icons.mic, + Icons.mic_rounded, size: iconSize, color: Theme.of(context).colorScheme.error.withOpacity(0.6), semanticLabel: 'Microphone', @@ -63,7 +63,7 @@ class VuMeterButtonWidget extends StatelessWidget { key: Key(state.decibels.toString()), clipper: CustomRect(audioLevel), child: Icon( - Icons.mic, + Icons.mic_rounded, size: iconSize, color: Theme.of(context).colorScheme.error, semanticLabel: 'Microphone', diff --git a/lib/widgets/journal/entry_details/delete_icon_widget.dart b/lib/widgets/journal/entry_details/delete_icon_widget.dart index 6f2349031..b3fe63453 100644 --- a/lib/widgets/journal/entry_details/delete_icon_widget.dart +++ b/lib/widgets/journal/entry_details/delete_icon_widget.dart @@ -49,7 +49,7 @@ class DeleteIconWidget extends StatelessWidget { return SizedBox( width: 40, child: IconButton( - icon: const Icon(Icons.delete_outline), + icon: const Icon(Icons.delete_outline_rounded), splashColor: Colors.transparent, tooltip: localizations.journalDeleteHint, padding: EdgeInsets.zero, diff --git a/lib/widgets/journal/entry_details/entry_detail_header.dart b/lib/widgets/journal/entry_details/entry_detail_header.dart index 410061f1f..a125c0934 100644 --- a/lib/widgets/journal/entry_details/entry_detail_header.dart +++ b/lib/widgets/journal/entry_details/entry_detail_header.dart @@ -41,8 +41,8 @@ class EntryDetailHeader extends StatelessWidget { tooltip: localizations.journalFavoriteTooltip, onPressed: cubit.toggleStarred, value: item.meta.starred ?? false, - icon: Icons.star_outline, - activeIcon: Icons.star, + icon: Icons.star_outline_rounded, + activeIcon: Icons.star_rounded, activeColor: starredGold, ), SwitchIconWidget( diff --git a/pubspec.yaml b/pubspec.yaml index 296b097ee..1bd9424d8 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -1,7 +1,7 @@ name: lotti description: Achieve your goals and keep your data private with Lotti. publish_to: 'none' -version: 0.9.383+2267 +version: 0.9.384+2268 msix_config: display_name: LottiApp