Add colors for new loaders, reduce utility redundancy (#3820)

* Add colors to some newer loaders

* Make loader formatting consistent everywhere, remove redundant utilities

packages/assets/styles/variables.scss

@@ -84,6 +84,10 @@
   --color-platform-velocity: #4b98b0;
   --color-platform-waterfall: #5f83cb;
   --color-platform-sponge: #c49528;
+  --color-platform-ornithe: #6097ca;
+  --color-platform-bta-babric: #5ba938;
+  --color-platform-legacy-fabric: #6879f6;
+  --color-platform-nilloader: #dd5088;
 
   --hover-brightness: 0.9;
 }
@@ -198,6 +202,10 @@ html {
   --color-platform-velocity: #83d5ef;
   --color-platform-waterfall: #78a4fb;
   --color-platform-sponge: #f9e580;
+  --color-platform-ornithe: #87c7ff;
+  --color-platform-bta-babric: #72cc4a;
+  --color-platform-legacy-fabric: #6879f6;
+  --color-platform-nilloader: #f45e9a;
 
   --hover-brightness: 1.25;
 

packages/utils/utils.ts

@@ -185,6 +185,12 @@ export const formatCategory = (name) => {
     return 'Java Agent'
   } else if (name === 'nilloader') {
     return 'NilLoader'
+  } else if (name === 'mrpack') {
+    return 'Modpack'
+  } else if (name === 'minecraft') {
+    return 'Resource Pack'
+  } else if (name === 'vanilla') {
+    return 'Vanilla Shader'
   }
   return capitalizeString(name)
 }