Adding vaporwave theme.

- Fixes #315

ui/assets/css/themes/_variables.vaporwave-light.scss

@@ -0,0 +1,26 @@
+
+$blue: #01cdfe;
+$indigo: #b967ff;
+$purple: #b967ff;
+$pink: rgb(255, 64, 186);
+$red: rgb(255, 95, 110);
+$orange: rgb(255, 167, 93);
+$yellow: #fffb96;
+$green: #05ffa1;
+$teal: #01cdfe;
+$cyan: #01cdfe;
+$enable-shadows: true;
+$enable-gradients: true;
+$enable-responsive-font-sizes: true;
+$body-bg: $gray-100;
+$body-color: $gray-700;
+$border-radius: 1rem;
+$border-radius-lg: 1rem;
+$font-family-monospace: Arial, "Noto Sans", sans-serif;
+$yiq-text-light: $gray-300;
+$secondary: $blue;
+$text-muted: $gray-500;
+$primary: $pink;
+$navbar-light-hover-color: rgba($primary, .7);
+$light: darken($gray-100,1.5);
+$font-family-sans-serif: "Lucida Console", Monaco, monospace;

ui/src/index.html

@@ -21,6 +21,7 @@
   <link rel="stylesheet" type="text/css" href="/static/assets/css/themes/darkly.min.css" id="darkly" />
   <link rel="stylesheet" type="text/css" href="/static/assets/css/themes/journal.min.css" id="journal" />
   <link rel="stylesheet" type="text/css" href="/static/assets/css/themes/sketchy.min.css" id="sketchy" />
+  <link rel="stylesheet" type="text/css" href="/static/assets/css/themes/vaporwave.min.css" id="vaporwave" />
   <link rel="stylesheet" type="text/css" href="/static/assets/css/main.css" />
 
   <!-- Scripts -->

ui/src/utils.ts

@@ -281,6 +281,7 @@ export const themes = [
   'darkly',
   'journal',
   'sketchy',
+  'vaporwave',
 ];
 
 export function setTheme(theme: string = 'darkly') {