Update screens UI as per the latest Material 3 colors

lib/screens/common_widgets/button_navbar.dart

@@ -74,10 +74,7 @@ class NavbarButton extends ConsumerWidget {
                               ? Theme.of(context)
                                   .colorScheme
                                   .onSecondaryContainer
-                              : Theme.of(context)
+                              : Theme.of(context).colorScheme.onSurfaceVariant,
-                                  .colorScheme
-                                  .onSurface
-                                  .withOpacity(0.65),
                         ),
                   )
                 : const SizedBox.shrink(),

lib/screens/common_widgets/editor_title.dart

@@ -29,10 +29,7 @@ class EditorTitle extends StatelessWidget {
             tooltip: title,
             onSelected: onSelected,
             child: Ink(
-              color: Theme.of(context)
+              color: Theme.of(context).colorScheme.surface,
-                  .colorScheme
-                  .secondaryContainer
-                  .withOpacity(0.3),
               padding:
                   const EdgeInsets.symmetric(horizontal: 12.0, vertical: 6),
               child: Row(

lib/screens/common_widgets/envfield_cell.dart

@@ -29,17 +29,13 @@ class EnvCellField extends StatelessWidget {
       ),
       decoration: InputDecoration(
         hintStyle: kCodeStyle.copyWith(
-          color: clrScheme.outline.withOpacity(
+          color: clrScheme.outlineVariant,
-            kHintOpacity,
-          ),
         ),
         hintText: hintText,
         contentPadding: const EdgeInsets.only(bottom: 12),
         focusedBorder: UnderlineInputBorder(
           borderSide: BorderSide(
-            color: clrScheme.primary.withOpacity(
+            color: clrScheme.outlineVariant,
-              kHintOpacity,
-            ),
           ),
         ),
         enabledBorder: UnderlineInputBorder(

lib/screens/common_widgets/envfield_url.dart

@@ -26,9 +26,7 @@ class EnvURLField extends StatelessWidget {
       decoration: InputDecoration(
         hintText: kHintTextUrlCard,
         hintStyle: kCodeStyle.copyWith(
-          color: Theme.of(context).colorScheme.outline.withOpacity(
+          color: Theme.of(context).colorScheme.outlineVariant,
-                kHintOpacity,
-              ),
         ),
         border: InputBorder.none,
       ),

lib/screens/dashboard.dart

@@ -107,7 +107,7 @@ class Dashboard extends ConsumerWidget {
             VerticalDivider(
               thickness: 1,
               width: 1,
-              color: Theme.of(context).colorScheme.surfaceContainerHighest,
+              color: Theme.of(context).colorScheme.surfaceContainerHigh,
             ),
             Expanded(
               child: IndexedStack(

lib/screens/history/history_sidebar.dart

@@ -112,14 +112,14 @@ class _HistoryExpansionTileState extends ConsumerState<HistoryExpansionTile>
               child: Icon(
                 Icons.chevron_right_rounded,
                 size: 20,
-                color: colorScheme.onSurface.withOpacity(0.6),
+                color: colorScheme.outline,
               )),
           kHSpacer5,
           Text(
             humanizeDate(widget.date),
             style: Theme.of(context).textTheme.titleSmall?.copyWith(
                   fontWeight: FontWeight.bold,
-                  color: colorScheme.onSurface.withOpacity(0.6),
+                  color: colorScheme.outline,
                 ),
           ),
         ],

lib/screens/mobile/navbar.dart

@@ -23,7 +23,7 @@ class BottomNavBar extends ConsumerWidget {
                 color: Theme.of(context).colorScheme.onInverseSurface,
               ),
             ),
-            color: Theme.of(context).colorScheme.surface,
+            color: Theme.of(context).colorScheme.surfaceContainerLowest,
           ),
           child: Material(
             type: MaterialType.transparency,

lib/screens/mobile/widgets/page_base.dart

@@ -21,9 +21,9 @@ class PageBase extends ConsumerWidget {
     final isDarkMode =
         ref.watch(settingsProvider.select((value) => value.isDark));
     final scaffold = Scaffold(
-      backgroundColor: Theme.of(context).colorScheme.surface,
+      backgroundColor: Theme.of(context).colorScheme.surfaceContainerLowest,
       appBar: AppBar(
-        backgroundColor: Theme.of(context).colorScheme.surface,
+        backgroundColor: Theme.of(context).colorScheme.surfaceContainerLowest,
         primary: true,
         title: Text(title),
         centerTitle: true,
@@ -43,7 +43,7 @@ class PageBase extends ConsumerWidget {
                   ? kPb70
                   : EdgeInsets.zero) +
               (kIsWindows || kIsMacOS ? kPt28 : EdgeInsets.zero),
-          color: Theme.of(context).colorScheme.surface,
+          color: Theme.of(context).colorScheme.surfaceContainerLowest,
           child: scaffold,
         ),
         if (kIsWindows)