portfolio/tailwind.config.mjs at master · miguecode/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: "class",
  content: ["./src/**/*.{astro,html,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      screens: {
        xxs: "360px",
        xs: "460px",
        "fab-distance": "1430px",
        "sd-1":"420px",
      },
      spacing: {
        "85-p":"85svh",
        "95-p":"95svh",
      },
      colors: {
        // Blue Theme
        // "navbar-primary": "#2557fc",
        // "navbar-secondary": "#67a2ea",

        // Purple Theme
        "navbar-primary": "#8927f9",
        "navbar-secondary": "#b968e8",
        "navbar-third": "#8612C9",
        "navbar-dark-bg": "#212031",
        "dark-secondary": "#191920",
        "soft-pink": "#fae9ff",
        "dark-purple": "#6D4489",

        // Technology's colors
        "html-primary": "#E34F26",
        "css-primary": "#a667e5",
        "css-secondary": "#663399",
        "javascript-primary": "#f0db4f",
        "javascript-secondary": "#f0db4f",
        "typescript-primary": "#3178C6",
        "typescript-secondary": "#2967aa",
        "angular-primary": "#F2174D",
        "tailwind-primary": "#06B6D4",
        "tailwind-secondary": "#82d9e5",
        "bootstrap-primary": "#8b6bba",
        "bootstrap-secondary": "#ccadff",
        "firebase-primary": "#FFCD32",
        "astro-primary": "#ccd9ff",
        "php-primary": "#a6a9c4",
        "php-secondary": "#ccd3e8",
        "nodejs-primary": "#6da565",
        "ionic-primary": "#3880FF",
        "postman-primary": "#FF6C37",
        "net-primary": "#512BD4",
        "net-secondary": "#8569ea",
        "thingsboard-primary": "#305680",
        "thingsboard-secondary": "#5d89b7",
        "react-primary": "#61DAFB",
        "react-secondary": "#0e7d91",
        "react-third": "#c4f4fc",
        "figma-primary": "#F24E1E",
        "jira-primary": "#0067f7",
        "jira-secondary": "#1868db",
        "slack-primary": "#611F69",
        "slack-secondary": "#ECB32E",
      },
    },
  },
  plugins: [],
};