diff --git a/ui/src/plugins/vuetify.ts b/ui/src/plugins/vuetify.ts
index 5bdec19..ffa6400 100644
--- a/ui/src/plugins/vuetify.ts
+++ b/ui/src/plugins/vuetify.ts
@@ -4,4 +4,22 @@ import Vuetify from 'vuetify/lib/framework';
 Vue.use(Vuetify);
 
 export default new Vuetify({
+  theme: {
+    themes: {
+      light: {
+        // ultramarine blue
+        primary: "#039",
+        // cyan 30 percent
+        secondary: "#aae0f9",
+        // yellow
+        accent: "#ff0",
+        // cyan
+        info: "#00aeef",
+        // gen: coolors.co
+        error: "#f66",
+        success: "#23ce6b",
+        warning: "#d36135",
+      },
+    },
+  },
 });