diff --git a/www/js/appTheme.ts b/www/js/appTheme.ts
index ecf01bd0d..b66f493e6 100644
--- 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)