Audio recorder and player icons and style

matthiasn · Jun 22, 2023 · b357065 · b357065
1 parent fbbc2ff
commit b357065
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 16 deletions.
diff --git 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
@@ -55,7 +55,7 @@ class AudioPlayerWidget extends StatelessWidget {
               mainAxisSize: MainAxisSize.min,
               children: <Widget>[
                 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: <Widget>[
                       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
@@ -54,7 +54,10 @@ class AudioRecorderWidget extends StatelessWidget {
                 children: <Widget>[
                   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
@@ -42,17 +42,17 @@ 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)
                 ClipRect(
                   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
@@ -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
@@ -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
@@ -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