Standardize color ids

web/style-definitions/tokens/color/default-theme.yaml

@@ -37,18 +37,18 @@ theme:
   user-colors:
     comment: 'Colors used to display chat users.'
     0:
-      value: '{color.owncast.user.1.value}'
+      value: '{color.owncast.user.0.value}'
     1:
-      value: '{color.owncast.user.2.value}'
+      value: '{color.owncast.user.1.value}'
     2:
-      value: '{color.owncast.user.3.value}'
+      value: '{color.owncast.user.2.value}'
     3:
-      value: '{color.owncast.user.4.value}'
+      value: '{color.owncast.user.3.value}'
     4:
-      value: '{color.owncast.user.5.value}'
+      value: '{color.owncast.user.4.value}'
     5:
-      value: '{color.owncast.user.6.value}'
+      value: '{color.owncast.user.5.value}'
     6:
-      value: '{color.owncast.user.7.value}'
+      value: '{color.owncast.user.6.value}'
     7:
-      value: '{color.owncast.user.8.value}'
+      value: '{color.owncast.user.7.value}'

web/style-definitions/tokens/color/owncast-colors.yaml

@@ -10,21 +10,21 @@ color:
     # GenerateRandomDisplayColor in the Go codebase so it knows the max
     # number of colors to use.
     user:
-      1:
+      0:
         value: 'rgb(244, 11, 11)'
-      2:
+      1:
         value: 'rgb(244, 128, 11)'
-      3:
+      2:
         value: 'rgb(244, 244, 11)'
-      4:
+      3:
         value: 'rgb(88, 244, 11)'
-      5:
+      4:
         value: 'rgb(11, 244, 244)'
-      6:
+      5:
         value: 'rgb(11, 166, 244)'
-      7:
+      6:
         value: 'rgb(102, 102, 255)'
-      8:
+      7:
         value: 'rgb(244, 11, 244)'
 
     text: