TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 14:54:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles, assets, nav

Browse Source
This commit is contained in:
Max Peintner
2023-04-27 13:23:13 +02:00
parent 1e27d500f1
commit 3ca419bcf8
16 changed files with 57 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
packages/zitadel-tailwind-config/tailwind.config.js
View File

@@ -19,64 +19,6 @@ module.exports = {
},
colors: {
gray: colors.zinc,
"gray-1000": "rgb(17,17,19)",
"gray-1100": "rgb(10,10,11)",
vercel: {
pink: "#FF0080",
blue: "#0070F3",
cyan: "#50E3C2",
orange: "#F5A623",
violet: "#7928CA",
},
// primary: {
// light: {
// 200: "#bec6ef",
// 300: "#8594e0",
// 400: "#6c7eda",
// 500: "#5469d4",
// 600: "#3c54ce",
// contrast: "#ffffff",
// },
// dark: {
// 100: "#afd1f2",
// 200: "#7fb5ea",
// 300: "#4192e0",
// 400: "#2782dc",
// 500: "#2073c4",
// 600: "#1c64aa",
// 700: "#17548f",
// 800: "#134575",
// 900: "#0f355b",
// },
// },
// accent: {
// light: {
// 400: "#9142d5",
// 500: "#7e21ce",
// },
// dark: {
// 300: "#ff6396",
// 400: "#ff4180",
// 500: "#ff2069",
// },
// },
// background: {
// dark: {
// 100: "#4a69aa",
// 200: "#395183",
// 300: "#243252",
// 400: "#1a253c",
// 500: "#111827",
// 600: "#080b12",
// 700: "#000000",
// 800: "#000000",
// 900: "#000000",
// },
// light: {
// 500: colors.white,
// 600: colors.gray[50],
// },
// },
divider: {
dark: "rgba(135,149,161,.2)",
light: "rgba(135,149,161,.2)",
@@ -115,19 +57,19 @@ module.exports = {
keyframes: ({ theme }) => ({
rerender: {
"0%": {
["border-color"]: theme("colors.vercel.pink"),
["border-color"]: theme("colors.pink.500"),
},
"40%": {
["border-color"]: theme("colors.vercel.pink"),
["border-color"]: theme("colors.pink.500"),
},
},
highlight: {
"0%": {
background: theme("colors.vercel.pink"),
background: theme("colors.pink.500"),
color: theme("colors.white"),
},
"40%": {
background: theme("colors.vercel.pink"),
background: theme("colors.pink.500"),
color: theme("colors.white"),
},
},