Improve styling of MessageStack

theme.json

@@ -45,6 +45,7 @@
 
     "colors": {
         "primary": [12, 169, 227, 255],
+        "primary_hover": [34, 150, 190, 255],
         "primary_text": [255, 255, 255, 255],
         "border": [205, 202, 201, 255],
         "secondary": [205, 202, 201, 255],
@@ -103,7 +104,10 @@
         "save_button_inactive": [205, 202, 201, 255],
         "save_button_active": [12, 159, 227, 255],
         "save_button_active_hover": [34, 150, 190, 255],
-        "save_button_text": [35, 35, 35, 255]
+        "save_button_text": [35, 35, 35, 255],
+
+        "message": [205, 202, 201, 255],
+        "message_text": [35, 35, 35, 255]
     },
 
     "sizes": {
@@ -137,6 +141,9 @@
         "tooltip_margins": [1.0, 1.0],
 
         "save_button_border": [0.06, 0.06],
-        "save_button_label_margin": [0.5, 0.5]
+        "save_button_label_margin": [0.5, 0.5],
+
+        "message": [30.0, 5.0],
+        "message_close": [1.25, 1.25]
     }
 }