add "inverse" colors to appTheme for AlertBars

Instead of being purple (which is the default RN Paper theme color), AlertBars will now match the rest of the UI and use blue / blue undertones
e-mission · Feb 21, 2024 · 0ce1e7d · 0ce1e7d
1 parent 2bf2e3e
commit 0ce1e7d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/www/js/appTheme.ts b/www/js/appTheme.ts
@@ -18,6 +18,10 @@ const AppTheme = {
     surfaceVariant: '#e0f0ff', // lch(94% 50 250) - background of DataTable
     surfaceDisabled: '#c7e0f7', // lch(88% 15 250)
     onSurfaceDisabled: '#3a4955', // lch(30% 10 250)
+    // "inverse" colors - used for SnackBars / AlertBars
+    inversePrimary: '#90ceff', // lch(80% 35 250) - SnackBar colored text
+    inverseSurface: '#2e3133', // lch(20% 2 250) - SnackBar background
+    inverseOnSurface: '#edf1f6', // lch(95% 3 250) - SnackBar text
     elevation: {
       level0: 'transparent',
       level1: '#fafdff', // lch(99% 30 250)