Merge branch 'main' into main

src/utils/config/service-helpers.js

@@ -59,7 +59,7 @@ export async function servicesFromDocker() {
         let constructedService = null;
 
         Object.keys(container.Labels).forEach((label) => {
-          if (label.startsWith("homepage")) {
+          if (label.startsWith("homepage.")) {
             if (!constructedService) {
               constructedService = {
                 container: container.Names[0].replace(/^\//, ""),

src/utils/styles/themes.js

@@ -0,0 +1,142 @@
+const themes = {
+  white: {
+    light: "#ffffff",
+    iconStart: "#ffffff",
+    iconEnd: "#282828",
+    dark: "#ffffff",
+  },
+  slate: {
+    light: "#f8fafc",
+    iconStart: "#94a3b8",
+    iconEnd: "#334155",
+    dark: "#1e293b",
+  },
+  gray: {
+    light: "#f9fafb",
+    iconStart: "#9ca3af",
+    iconEnd: "#374151",
+    dark: "#1f2937",
+  },
+  zinc: {
+    light: "#fafafa",
+    iconStart: "#a1a1aa",
+    iconEnd: "#3f3f46",
+    dark: "#27272a",
+  },
+  neutral: {
+    light: "#fafafa",
+    iconStart: "#a3a3a3",
+    iconEnd: "#404040",
+    dark: "#262626",
+  },
+  stone: {
+    light: "#fafaf9",
+    iconStart: "#a8a29e",
+    iconEnd: "#44403c",
+    dark: "#292524",
+  },
+  red: {
+    light: "#fef2f2",
+    iconStart: "#f87171",
+    iconEnd: "#b91c1c",
+    dark: "#991b1b",
+  },
+  orange: {
+    light: "#fff7ed",
+    iconStart: "#fb923c",
+    iconEnd: "#c2410c",
+    dark: "#9a3412",
+  },
+  amber: {
+    light: "#fffbeb",
+    iconStart: "#fbbf24",
+    iconEnd: "#b45309",
+    dark: "#92400e",
+  },
+  yellow: {
+    light: "#fefce8",
+    iconStart: "#facc15",
+    iconEnd: "#a16207",
+    dark: "#854d0e",
+  },
+  lime: {
+    light: "#f7fee7",
+    iconStart: "#a3e635",
+    iconEnd: "#4d7c0f",
+    dark: "#3f6212",
+  },
+  green: {
+    light: "#f0fdf4",
+    iconStart: "#4ade80",
+    iconEnd: "#15803d",
+    dark: "#166534",
+  },
+  emerald: {
+    light: "#ecfdf5",
+    iconStart: "#34d399",
+    iconEnd: "#047857",
+    dark: "#065f46",
+  },
+  teal: {
+    light: "#f0fdfa",
+    iconStart: "#2dd4bf",
+    iconEnd: "#0f766e",
+    dark: "#115e59",
+  },
+  cyan: {
+    light: "#ecfeff",
+    iconStart: "#22d3ee",
+    iconEnd: "#0e7490",
+    dark: "#155e75",
+  },
+  sky: {
+    light: "#f0f9ff",
+    iconStart: "#38bdf8",
+    iconEnd: "#0369a1",
+    dark: "#075985",
+  },
+  blue: {
+    light: "#eff6ff",
+    iconStart: "#60a5fa",
+    iconEnd: "#1d4ed8",
+    dark: "#1e40af",
+  },
+  indigo: {
+    light: "#eef2ff",
+    iconStart: "#818cf8",
+    iconEnd: "#4338ca",
+    dark: "#3730a3",
+  },
+  violet: {
+    light: "#f5f3ff",
+    iconStart: "#a78bfa",
+    iconEnd: "#6d28d9",
+    dark: "#5b21b6",
+  },
+  purple: {
+    light: "#faf5ff",
+    iconStart: "#c084fc",
+    iconEnd: "#7e22ce",
+    dark: "#6b21a8",
+  },
+  fuchsia: {
+    light: "#fdf4ff",
+    iconStart: "#e879f9",
+    iconEnd: "#a21caf",
+    dark: "#86198f",
+  },
+  pink: {
+    light: "#fdf2f8",
+    iconStart: "#f472b6",
+    iconEnd: "#be185d",
+    dark: "#9d174d",
+  },
+  rose: {
+    light: "#fff1f2",
+    iconStart: "#fb7185",
+    iconEnd: "#be123c",
+    dark: "#9f1239",
+  },
+};
+
+export default themes;