feat: register validation + create + admin improvements

client/components/admin/admin-rendering.vue

@@ -47,7 +47,7 @@
                   avatar
                   :key='rdr.key'
                   @click='selectRenderer(rdr.key)'
-                  :class='currentRenderer.key === rdr.key ? "blue lighten-5" : ""'
+                  :class='currentRenderer.key === rdr.key ? (darkMode ? `grey darken-4-l4` : `blue lighten-5`) : ``'
                   )
                   v-list-tile-avatar
                     v-icon(:color='currentRenderer.key === rdr.key ? "primary" : "grey"') {{rdr.icon}}
@@ -120,6 +120,7 @@
 <script>
 import _ from 'lodash'
 import { DepGraph } from 'dependency-graph'
+import { get } from 'vuex-pathify'
 
 import { StatusIndicator } from 'vue-status-indicator'
 
@@ -136,6 +137,9 @@ export default {
       currentRenderer: {}
     }
   },
+  computed: {
+    darkMode: get('site/dark'),
+  },
   watch: {
     renderers(newValue, oldValue) {
       _.delay(() => {