Fix hashing mechanism in ColoredShortNameChip.vue

aleksis/apps/lesrooster/frontend/components/common/ColoredShortNameChip.vue

@@ -61,6 +61,11 @@ export default {
     },
   },
   computed: {
+    color() {
+      return this.overrideColor
+        ? this.defaultColor
+        : colors[((this.hash % colors.length) + colors.length) % colors.length];
+    },
     // Returns an integer hash based on the shortName of the supplied item
     hash() {
       return this.item.shortName
@@ -82,11 +87,6 @@ export default {
       // As color[1] can be a boolean or a color
       return this.color[1] === true;
     },
-    color() {
-      return this.overrideColor
-        ? this.defaultColor
-        : colors[this.hash % colors.length];
-    },
   },
 };
 </script>