mirror of
https://github.com/netbirdio/netbird.git
synced 2026-05-19 07:09:56 +00:00
Add connect toggle
This commit is contained in:
@@ -6,10 +6,35 @@ const config: Config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
"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",
|
||||
@@ -18,23 +43,31 @@ const config: Config = {
|
||||
700: "#be3e10",
|
||||
800: "#973215",
|
||||
900: "#7a2b14",
|
||||
950: "#421308",
|
||||
},
|
||||
"nb-gray": {
|
||||
DEFAULT: "#181A1D",
|
||||
50: "#f4f6f7",
|
||||
100: "#e4e7e9",
|
||||
200: "#cbd2d6",
|
||||
300: "#a3adb5",
|
||||
400: "#7c8994",
|
||||
500: "#616e79",
|
||||
600: "#535d67",
|
||||
700: "#474e57",
|
||||
800: "#3f444b",
|
||||
900: "#2e3238",
|
||||
925: "#1e2123",
|
||||
940: "#1c1e21",
|
||||
950: "#181a1d",
|
||||
},
|
||||
backgroundImage: {
|
||||
"conic-netbird": "conic-gradient(from 0deg, #e55311 0%, #f68330 10%, #e55311 20%, #e55311 100%)",
|
||||
},
|
||||
keyframes: {
|
||||
"pulse-reverse": {
|
||||
"0%, 100%": { opacity: "1" },
|
||||
"50%": { opacity: "0.4" },
|
||||
},
|
||||
"spin-slow": {
|
||||
"0%": { transform: "rotate(0deg)" },
|
||||
"100%": { transform: "rotate(360deg)" },
|
||||
},
|
||||
"ping-slow": {
|
||||
"0%": { transform: "scale(1)", opacity: "1" },
|
||||
"75%, 100%": { transform: "scale(2)", opacity: "0" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
"ping-slow": "ping-slow 2s cubic-bezier(0, 0, 0.2, 1) infinite",
|
||||
"pulse-slow": "pulse-reverse 2s cubic-bezier(0.5, 0, 0.6, 1) infinite",
|
||||
"pulse-slower": "pulse-reverse 3s cubic-bezier(0.5, 0, 0.6, 1) infinite",
|
||||
"spin-slow": "spin-slow 2s linear infinite",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user