refactor ui

web/repertory/lib/constants.dart

@@ -11,24 +11,25 @@ const appTitle = 'Repertory Management Portal';
 const borderRadius = 16.0;
 const borderRadiusSmall = borderRadius / 2.0;
 const borderRadiusTiny = borderRadiusSmall / 2.0;
+const boxShadowAlpha = 0.20;
 const databaseTypeList = ['rocksdb', 'sqlite'];
+const dialogAlpha = 0.95;
 const downloadTypeList = ['default', 'direct', 'ring_buffer'];
 const eventLevelList = ['critical', 'error', 'warn', 'info', 'debug', 'trace'];
 const gradientColors = [Color(0xFF0A0F1F), Color(0xFF1B1C1F)];
 const gradientColors2 = [Color(0x07FFFFFF), Color(0x00000000)];
 const highlightAlpha = 0.10;
+const largeIconSize = 32.0;
 const logonWidth = 300.0;
 const outlineAlpha = 0.15;
 const padding = 16.0;
 const paddingSmall = padding / 2.0;
 const primaryAlpha = 0.20;
-const boxShadowAlpha = 0.20;
 const primarySurfaceAlpha = 92.0;
 const protocolTypeList = ['http', 'https'];
 const providerTypeList = ['Encrypt', 'Remote', 'S3', 'Sia'];
 const ringBufferSizeList = ['128', '256', '512', '1024', '2048'];
 const secondaryAlpha = 0.45;
-const largeIconSize = 32.0;
 const secondarySurfaceAlpha = 70.0;
 const surfaceContainerLowDark = Color(0xFF292A2D);
 const surfaceDark = Color(0xFF202124);

web/repertory/lib/helpers.dart

@@ -18,8 +18,8 @@ Future doShowDialog(BuildContext context, Widget child) => showDialog(
     return Theme(
       data: theme.copyWith(
         dialogTheme: DialogThemeData(
-          backgroundColor: scheme.primary.withValues(
-            alpha: constants.primaryAlpha,
+          backgroundColor: scheme.surfaceDim.withValues(
+            alpha: constants.dialogAlpha,
           ),
           surfaceTintColor: Colors.transparent,
           shape: RoundedRectangleBorder(