[ui] UI theme should match repertory blue #61

web/repertory/lib/constants.dart

@@ -21,6 +21,7 @@ const paddingSmall = 8.0;
 const protocolTypeList = ['http', 'https'];
 const providerTypeList = ['Encrypt', 'Remote', 'S3', 'Sia'];
 const ringBufferSizeList = ['128', '256', '512', '1024', '2048'];
+const primaryAlpha = 0.15;
 const surfaceContainerLowDark = Color(0xFF292A2D);
 const surfaceDark = Color(0xFF202124);
 

web/repertory/lib/helpers.dart

@@ -16,7 +16,7 @@ Future doShowDialog(BuildContext context, Widget child) => showDialog(
     return Theme(
       data: theme.copyWith(
         dialogTheme: DialogThemeData(
-          backgroundColor: scheme.primary.withValues(alpha: 0.15),
+          backgroundColor: scheme.primary.withValues(alpha: constants.primaryAlpha),
           surfaceTintColor: Colors.transparent,
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(constants.borderRadius),

web/repertory/lib/screens/add_mount_screen.dart

@@ -49,7 +49,7 @@ class _AddMountScreenState extends State<AddMountScreen> {
     Widget glassTile({required Widget child, EdgeInsets? padding}) {
       return Container(
         decoration: BoxDecoration(
-          color: scheme.surface.withValues(alpha: 0.40),
+          color: scheme.primary.withValues(alpha: constants.primaryAlpha),
           borderRadius: BorderRadius.circular(constants.borderRadius),
           border: Border.all(
             color: scheme.outlineVariant.withValues(alpha: 0.08),

web/repertory/lib/screens/auth_screen.dart

@@ -39,7 +39,7 @@ class _AuthScreenState extends State<AuthScreen> {
       labelText: label,
       prefixIcon: Icon(icon),
       filled: true,
-      fillColor: scheme.primary.withValues(alpha: 0.15),
+      fillColor: scheme.primary.withValues(alpha: constants.primaryAlpha),
       border: OutlineInputBorder(
         borderRadius: BorderRadius.circular(constants.borderRadiusSmall),
         borderSide: BorderSide.none,

web/repertory/lib/widgets/mount_widget.dart

@@ -27,7 +27,7 @@ class _MountWidgetState extends State<MountWidget> {
     return Card(
       margin: const EdgeInsets.all(0.0),
       elevation: 12,
-      color: scheme.primary.withValues(alpha: 0.15),
+      color: scheme.primary.withValues(alpha: constants.primaryAlpha),
       shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.circular(constants.borderRadiusSmall),
         side: BorderSide(