(ui) use custom branding

litellm/model_prices_and_context_window_backup.json

@@ -936,7 +936,14 @@
         "mode": "chat"
     },
     "openrouter/mistralai/mistral-7b-instruct": {
-        "max_tokens": 4096,
+        "max_tokens": 8192,
+        "input_cost_per_token": 0.00000013,
+        "output_cost_per_token": 0.00000013,
+        "litellm_provider": "openrouter",
+        "mode": "chat"
+    },
+    "openrouter/mistralai/mistral-7b-instruct:free": {
+        "max_tokens": 8192,
         "input_cost_per_token": 0.0,
         "output_cost_per_token": 0.0,
         "litellm_provider": "openrouter",

ui/litellm-dashboard/tailwind.config.js

@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */ 
 
 const colors = require("tailwindcss/colors");
+const userColors = require('./ui_colors.json') || {};
 module.exports = {
   content: [
     "./src/**/*.{js,ts,jsx,tsx}",
@@ -15,10 +16,10 @@ module.exports = {
         // light mode
         tremor: {
           brand: {
-            faint: colors.indigo[50],
-            muted: colors.indigo[200],
-            subtle: colors.indigo[400],
-            DEFAULT: colors.indigo[500],
+            faint: userColors.brand.faint,
+            muted: userColors.brand.muted,
+            subtle: userColors.brand.subtle,
+            DEFAULT: userColors.brand.DEFAULT,
             emphasis: colors.indigo[700],
             inverted: colors.white,
           },

ui/litellm-dashboard/ui_colors.json

@@ -0,0 +1,11 @@
+{
+    "brand": {
+      "DEFAULT": "#6366f1",
+      "faint": "#6c6fed",
+      "muted": "#8688ef",
+      "subtle": "#8e91eb",
+      "emphasis": "#5558eb",
+      "inverted": "indigo"
+    }
+  }
+