mirror of
https://github.com/formbricks/formbricks.git
synced 2025-12-30 10:19:51 -06:00
fa710b2935
* colors, login, UI, fonts * add poppins font * add _document with included favicon and smooth-scrolling * update favicon imports Co-authored-by: knugget <johannes@knugget.de>
240 lines
5.8 KiB
JavaScript
240 lines
5.8 KiB
JavaScript
module.exports = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx}",
|
|
"./components/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
snoopred: {
|
|
DEFAULT: "#f53b57",
|
|
50: "#FEECEE",
|
|
100: "#FDD8DE",
|
|
200: "#FBB1BC",
|
|
300: "#F98B9B",
|
|
400: "#F7647A",
|
|
500: "#F53B57",
|
|
600: "#E90C2D",
|
|
700: "#AF0922",
|
|
800: "#740617",
|
|
900: "#3A030B",
|
|
},
|
|
lightgreen: {
|
|
50: "#3dffb3",
|
|
100: "#33ffa9",
|
|
200: "#29ff9f",
|
|
300: "#1ffc95",
|
|
400: "#15f28b",
|
|
500: "#0be881",
|
|
600: "#01de77",
|
|
700: "#00d46d",
|
|
800: "#00ca63",
|
|
900: "#00c059",
|
|
},
|
|
darkgreen: {
|
|
50: "#37f69d",
|
|
100: "#2dec93",
|
|
200: "#23e289",
|
|
300: "#19d87f",
|
|
400: "#0fce75",
|
|
500: "#05c46b",
|
|
600: "#00ba61",
|
|
700: "#00b057",
|
|
800: "#00a64d",
|
|
900: "#009c43",
|
|
},
|
|
pink: {
|
|
50: "#ff89a9",
|
|
100: "#ff7f9f",
|
|
200: "#ff7595",
|
|
300: "#ff6b8b",
|
|
400: "#f96181",
|
|
500: "#ef5777",
|
|
600: "#e54d6d",
|
|
700: "#db4363",
|
|
800: "#d13959",
|
|
900: "#c72f4f",
|
|
},
|
|
lightpurple: {
|
|
50: "#8991ff",
|
|
100: "#7f87f7",
|
|
200: "#757ded",
|
|
300: "#6b73e3",
|
|
400: "#6169d9",
|
|
500: "#575fcf",
|
|
600: "#4d55c5",
|
|
700: "#434bbb",
|
|
800: "#3941b1",
|
|
900: "#2f37a7",
|
|
},
|
|
darkpurple: {
|
|
50: "#6e72f8",
|
|
100: "#6468ee",
|
|
200: "#5a5ee4",
|
|
300: "#5054da",
|
|
400: "#464ad0",
|
|
500: "#3c40c6",
|
|
600: "#3236bc",
|
|
700: "#282cb2",
|
|
800: "#1e22a8",
|
|
900: "#14189e",
|
|
},
|
|
lightblue: {
|
|
50: "#7dffff",
|
|
100: "#73f7ff",
|
|
200: "#69edff",
|
|
300: "#5fe3ff",
|
|
400: "#55d9ff",
|
|
500: "#4bcffa",
|
|
600: "#41c5f0",
|
|
700: "#37bbe6",
|
|
800: "#2db1dc",
|
|
900: "#23a7d2",
|
|
},
|
|
darkblue: {
|
|
50: "#41eeff",
|
|
100: "#37e4ff",
|
|
200: "#2ddaff",
|
|
300: "#23d0ff",
|
|
400: "#19c6ff",
|
|
500: "#0fbcf9",
|
|
600: "#05b2ef",
|
|
700: "#00a8e5",
|
|
800: "#009edb",
|
|
900: "#0094d1",
|
|
},
|
|
lightturq: {
|
|
50: "#66ffff",
|
|
100: "#5cffff",
|
|
200: "#52ffff",
|
|
300: "#48fbf8",
|
|
400: "#3ef1ee",
|
|
500: "#34e7e4",
|
|
600: "#2addda",
|
|
700: "#20d3d0",
|
|
800: "#16c9c6",
|
|
900: "#0cbfbc",
|
|
},
|
|
darkturq: {
|
|
50: "#32ffff",
|
|
100: "#28fffe",
|
|
200: "#1ef6f4",
|
|
300: "#14ecea",
|
|
400: "#0ae2e0",
|
|
500: "#00d8d6",
|
|
600: "#00cecc",
|
|
700: "#00c4c2",
|
|
800: "#00bab8",
|
|
900: "#00b0ae",
|
|
},
|
|
lightorange: {
|
|
50: "#fff27a",
|
|
100: "#ffe870",
|
|
200: "#ffde66",
|
|
300: "#ffd45c",
|
|
400: "#ffca52",
|
|
500: "#ffc048",
|
|
600: "#f5b63e",
|
|
700: "#ebac34",
|
|
800: "#e1a22a",
|
|
900: "#d79820",
|
|
},
|
|
darkorange: {
|
|
50: "#ffda33",
|
|
100: "#ffd029",
|
|
200: "#ffc61f",
|
|
300: "#ffbc15",
|
|
400: "#ffb20b",
|
|
500: "#ffa801",
|
|
600: "#f59e00",
|
|
700: "#eb9400",
|
|
800: "#e18a00",
|
|
900: "#d78000",
|
|
},
|
|
lightyellow: {
|
|
50: "#ffff8b",
|
|
100: "#ffff81",
|
|
200: "#fffb77",
|
|
300: "#fff16d",
|
|
400: "#ffe763",
|
|
500: "#ffdd59",
|
|
600: "#f5d34f",
|
|
700: "#ebc945",
|
|
800: "#e1bf3b",
|
|
900: "#d7b531",
|
|
},
|
|
darkyellow: {
|
|
50: "#ffff5c",
|
|
100: "#fffb52",
|
|
200: "#fff148",
|
|
300: "#ffe73e",
|
|
400: "#ffdd34",
|
|
500: "#ffd32a",
|
|
600: "#f5c920",
|
|
700: "#ebbf16",
|
|
800: "#e1b50c",
|
|
900: "#d7ab02",
|
|
},
|
|
lightgray: {
|
|
50: "#ffffff",
|
|
100: "#faffff",
|
|
200: "#f0f8ff",
|
|
300: "#e6eef6",
|
|
400: "#dce4ec",
|
|
500: "#d2dae2",
|
|
600: "#c8d0d8",
|
|
700: "#bec6ce",
|
|
800: "#b4bcc4",
|
|
900: "#aab2ba",
|
|
},
|
|
darkgray: {
|
|
50: "#b2c0cd",
|
|
100: "#a8b6c3",
|
|
200: "#9eacb9",
|
|
300: "#94a2af",
|
|
400: "#8a98a5",
|
|
500: "#808e9b",
|
|
600: "#768491",
|
|
700: "#6c7a87",
|
|
800: "#62707d",
|
|
900: "#586673",
|
|
},
|
|
lightblack: {
|
|
50: "#7a8692",
|
|
100: "#707c88",
|
|
200: "#66727e",
|
|
300: "#5c6874",
|
|
400: "#525e6a",
|
|
500: "#485460",
|
|
600: "#3e4a56",
|
|
700: "#34404c",
|
|
800: "#2a3642",
|
|
900: "#202c38",
|
|
},
|
|
darkblack: {
|
|
50: "#505960",
|
|
100: "#464f56",
|
|
200: "#3c454c",
|
|
300: "#323b42",
|
|
400: "#283138",
|
|
500: "#1e272e",
|
|
600: "#141d24",
|
|
700: "#0a131a",
|
|
800: "#000910",
|
|
900: "#000006",
|
|
},
|
|
},
|
|
dropShadow: {
|
|
cont: "7.5px 7.5px 13.7px 4.5px rgba(0, 0, 0, 0.2);",
|
|
},
|
|
fontFamily: {
|
|
sans: "Poppins, Arial, sans-serif",
|
|
},
|
|
// fontFamily: {
|
|
// sans: "Arial, Poppins, Montserrat, Roboto, system ui, sans-serif, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',, 'Helvetica Neue', Arial",
|
|
// },
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
|
|
};
|