mirror of
https://github.com/netbirdio/dashboard.git
synced 2026-05-22 17:05:00 -07:00
Eduard Gert
b71d0fde89
* **New Features** * Full Reverse Proxy UI: Services, Targets, Clusters, Custom Domains (with verification) and a Proxy Events page. * In-app modals for service auth (SSO, password, PIN) and a new PIN input component. * **Improvements** * Network & Peer pages: tabbed views (Resources, Routing Peers, Services) and improved tables, search and filters. * Toast stacking/visibility and global toast styling refined.
182 lines
4.4 KiB
TypeScript
182 lines
4.4 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
gray: {
|
|
50: "#F9FAFB",
|
|
100: "#F3F4F6",
|
|
200: "#E5E7EB",
|
|
300: "#D1D5DB",
|
|
400: "#9CA3AF",
|
|
500: "#6B7280",
|
|
600: "#4B5563",
|
|
700: "#374151",
|
|
800: "#1F2937",
|
|
900: "#111827",
|
|
},
|
|
red: {
|
|
50: "#FDF2F2",
|
|
100: "#FDE8E8",
|
|
200: "#FBD5D5",
|
|
300: "#F8B4B4",
|
|
400: "#F98080",
|
|
500: "#F05252",
|
|
600: "#E02424",
|
|
700: "#C81E1E",
|
|
800: "#9B1C1C",
|
|
900: "#771D1D",
|
|
},
|
|
yellow: {
|
|
50: "#FDFDEA",
|
|
100: "#FDF6B2",
|
|
200: "#FCE96A",
|
|
300: "#FACA15",
|
|
400: "#E3A008",
|
|
500: "#C27803",
|
|
600: "#9F580A",
|
|
700: "#8E4B10",
|
|
800: "#723B13",
|
|
900: "#633112",
|
|
},
|
|
green: {
|
|
50: "#F3FAF7",
|
|
100: "#DEF7EC",
|
|
200: "#BCF0DA",
|
|
300: "#84E1BC",
|
|
400: "#31C48D",
|
|
500: "#0E9F6E",
|
|
600: "#057A55",
|
|
700: "#046C4E",
|
|
800: "#03543F",
|
|
900: "#014737",
|
|
},
|
|
blue: {
|
|
50: "#EBF5FF",
|
|
100: "#E1EFFE",
|
|
200: "#C3DDFD",
|
|
300: "#A4CAFE",
|
|
400: "#76A9FA",
|
|
500: "#3F83F8",
|
|
600: "#1C64F2",
|
|
700: "#1A56DB",
|
|
800: "#1E429F",
|
|
900: "#233876",
|
|
},
|
|
indigo: {
|
|
50: "#F0F5FF",
|
|
100: "#E5EDFF",
|
|
200: "#CDDBFE",
|
|
300: "#B4C6FC",
|
|
400: "#8DA2FB",
|
|
500: "#6875F5",
|
|
600: "#5850EC",
|
|
700: "#5145CD",
|
|
800: "#42389D",
|
|
900: "#362F78",
|
|
},
|
|
purple: {
|
|
50: "#F6F5FF",
|
|
100: "#EDEBFE",
|
|
200: "#DCD7FE",
|
|
300: "#CABFFD",
|
|
400: "#AC94FA",
|
|
500: "#9061F9",
|
|
600: "#7E3AF2",
|
|
700: "#6C2BD9",
|
|
800: "#5521B5",
|
|
900: "#4A1D96",
|
|
},
|
|
pink: {
|
|
50: "#FDF2F8",
|
|
100: "#FCE8F3",
|
|
200: "#FAD1E8",
|
|
300: "#F8B4D9",
|
|
400: "#F17EB8",
|
|
500: "#E74694",
|
|
600: "#D61F69",
|
|
700: "#BF125D",
|
|
800: "#99154B",
|
|
900: "#751A3D",
|
|
},
|
|
"nb-gray": {
|
|
DEFAULT: "#181A1D",
|
|
"50": "#f4f6f7",
|
|
"100": "#e4e7e9",
|
|
"200": "#cbd2d6",
|
|
"250": "#b7c0c6",
|
|
"300": "#a3adb5",
|
|
"350": "#8f9ca8",
|
|
"400": "#7c8994",
|
|
"500": "#616e79",
|
|
"600": "#535d67",
|
|
"700": "#474e57",
|
|
"800": "#3f444b",
|
|
"850": "#363b40",
|
|
"900": "#2e3238",
|
|
"910": "#2b2f33",
|
|
"920": "#25282d",
|
|
"925": "#1e2123",
|
|
"930": "#25282c",
|
|
"935": "#1f2124",
|
|
"940": "#1c1e21",
|
|
"950": "#181a1d",
|
|
"960": "#16181b",
|
|
},
|
|
|
|
netbird: {
|
|
DEFAULT: "#f68330",
|
|
"50": "#fff6ed",
|
|
"100": "#feecd6",
|
|
"150": "#ffdfb8",
|
|
"200": "#ffd4a6",
|
|
"300": "#fab677",
|
|
"400": "#f68330",
|
|
"500": "#f46d1b",
|
|
"600": "#e55311",
|
|
"700": "#be3e10",
|
|
"800": "#973215",
|
|
"900": "#7a2b14",
|
|
"950": "#421308",
|
|
},
|
|
"nb-blue": {
|
|
DEFAULT: "#31e4f5",
|
|
"50": "#ebffff",
|
|
"100": "#cefdff",
|
|
"200": "#a2f9ff",
|
|
"300": "#63f2fd",
|
|
"400": "#31e4f5",
|
|
"500": "#00c4da",
|
|
"600": "#039cb7",
|
|
"700": "#0a7c94",
|
|
"800": "#126478",
|
|
"900": "#145365",
|
|
"950": "#063746",
|
|
},
|
|
},
|
|
keyframes: {
|
|
"accordion-down": {
|
|
from: { height: "0" },
|
|
to: { height: "var(--radix-accordion-content-height)" },
|
|
},
|
|
"accordion-up": {
|
|
from: { height: "var(--radix-accordion-content-height)" },
|
|
to: { height: "0" },
|
|
},
|
|
},
|
|
animation: {
|
|
"accordion-down": "accordion-down 0.2s ease-out",
|
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
},
|
|
transitionDuration: {
|
|
"3000": "3000ms",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("tailwindcss-animate")],
|
|
};
|
|
export default config;
|