initial checkin with timed order ui

src/styles/settings.scss

@@ -0,0 +1,14 @@
+/**
+ * src/styles/settings.scss
+ *
+ * Configures SASS variables and Vuetify overwrites
+ */
+
+@use "src/styles/vars" as v;
+
+// https://vuetifyjs.com/features/sass-variables/`
+@forward 'vuetify/settings' with (
+  //$variable: false,
+  $body-font-family: v.$body-font-family,
+  $heading-font-family: v.$heading-font-family,
+);

src/styles/style.scss

@@ -0,0 +1,26 @@
+@use "/src/styles/vars" as v;
+
+//.app {
+//  .v-btn {
+//    font-family: v.$heading-font-family;
+//    text-transform: none;
+//  }
+//
+//  .v-card-title {
+//    font-family: v.$heading-font-family;
+//    color: v.$blue;
+//  }
+//
+//  .title {
+//    font-family: v.$heading-font-family;
+//  }
+//
+//  .v-list-subheader {
+//    font-family: v.$heading-font-family;
+//  }
+//}
+
+
+.sc {
+  font-family: v.$heading-font-family;
+}

src/styles/vars.scss

@@ -0,0 +1,38 @@
+// these must also be set in vuetify.ts for the "theme"
+
+$green: #00CC33;
+$red: #CC0033;
+$yellow: #ffcc00;
+$blue: #0033CC;
+$white: #fffefd; // just a touch green
+$black: #000102;
+
+$primary: $blue;
+$primary-50: transparentize($primary,0.5);
+$primary-25: transparentize($primary,0.75);
+
+$theme: (
+        background: $white,
+        surface: $white,
+        primary: $blue,
+        //secondary: $sky,
+        success: $green,
+        info: $primary-25,
+        warning: $yellow,
+        error: $red,
+);
+
+$all-colors: (
+        white: $white,
+        black: $black,
+        blue: $blue,
+        green: $green,
+        yellow: $yellow,
+        red: $red,
+);
+
+$body-font-family: 'Victor Mono', monospace, sans-serif;
+$heading-font-family: 'Tektur', sans-serif;
+
+$sm-breakpoint: 600px;
+$card-maxw: 30rem;