Ux/54 help (#88)

* ux/54-help tooltips
* ux/54-help refetch after mutation
* ux/54-help broadcast event index
* ux/54-help prevent multiple keypresses when key held
* ux/54-help fat clock
* ux/54-help progress bar user defined
* ux/54-help onAir is button
* ux/54-help OSC: add missing presenter message
* ux/54-help OSC: enable / disable OSC
* ux/54-help handle timezone in excel date import
* ux/54-help tray left click to show app
* ux/54-help create queriable endpoint
* ux/54-help fix memoisation in lower thirds
* ux/54-help revise icons
* ux/54-help clarify text
* ux/54-help forgiving text parsing
* ux/54-help add smart keywords
* ux/54-help version bump

client/src/styles/_main.scss

@@ -2,6 +2,7 @@
 
 $ontime-accent: #4bffabcc;
 $ontime-pink: #ff7597;
+$ontime-pink-variant: #ff6969;
 $ontime-roll: #2b6cb0;
 
 $notes-color: #d69e2e;
@@ -16,6 +17,11 @@ $light-text: #2b6cb022;
 
 $error-red: #E53E3E;
 
+$title-white: #fffd;
+$bg-black: #121212;
+$bg-black-gradient: #202020;
+
+
 //////////////////////////////////// general app element overriders
 
 // no decoration on lists
@@ -34,6 +40,7 @@ a {
     content: '  \2197';
     color: $ontime-pink;
   }
+
   &:hover {
     color: $ontime-pink;
   }

client/src/styles/_mixins.scss

@@ -1,5 +1,11 @@
 //////////////////////////////////// general app elements
 
+@mixin main-container {
+  background-color: rgba(0, 0, 0, 0.05);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 4px;
+}
+
 @mixin container-bg {
   background-color: rgba(0, 0, 0, 0.13);
   border-radius: 2px;
@@ -7,3 +13,9 @@
   margin: 0 0.5em;
 }
 
+@mixin osc-label {
+  color: #4bffabcc;
+  font-size: 0.8em;
+  -webkit-user-select: text;
+  user-select: text;
+}