github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/tailwind.config.js (about)

     1  module.exports = {
     2    content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
     3    darkMode: "class",
     4    theme: {
     5      extend: {
     6        colors: {
     7          dashboard: "var(--color-dashboard)",
     8          "dashboard-panel": "var(--color-dashboard-panel)",
     9          foreground: "var(--color-foreground)",
    10          "foreground-light": "var(--color-foreground-light)",
    11          "foreground-lighter": "var(--color-foreground-lighter)",
    12          "foreground-lightest": "var(--color-foreground-lightest)",
    13          divide: "var(--color-divide)",
    14          alert: "var(--color-alert)",
    15          "alert-light": "var(--color-alert-light)",
    16          "alert-inverse": "var(--color-alert-inverse)",
    17          orange: "var(--color-orange)",
    18          severity: "var(--color-severity)",
    19          ok: "var(--color-ok)",
    20          "ok-inverse": "var(--color-ok-inverse)",
    21          info: "var(--color-info)",
    22          "info-inverse": "var(--color-info-inverse)",
    23          skip: "var(--color-skip)",
    24          link: "var(--color-link)",
    25          "table-border": "var(--color-table-border)",
    26          "table-divide": "var(--color-table-divide)",
    27          "table-head": "var(--color-table-head)",
    28          "slack-aubergine": "#4A154B",
    29          "steampipe-black": "#181717",
    30          "steampipe-red": "#c7252d",
    31          "black-scale-1": "var(--color-black-scale-1)",
    32          "black-scale-2": "var(--color-black-scale-2)",
    33          "black-scale-3": "var(--color-black-scale-3)",
    34          "black-scale-4": "var(--color-black-scale-4)",
    35          "black-scale-5": "var(--color-black-scale-5)",
    36          "black-scale-6": "var(--color-black-scale-6)",
    37          "black-scale-7": "var(--color-black-scale-7)",
    38          "black-scale-8": "var(--color-black-scale-8)",
    39        },
    40        fontSize: {
    41          xxs: ".65rem",
    42        },
    43        maxHeight: {
    44          "1/2-screen": "50vh",
    45        },
    46        spacing: {
    47          4.5: "1.125rem",
    48        },
    49        typography: (theme) => ({
    50          DEFAULT: {
    51            css: {
    52              color: theme("colors.foreground"),
    53              a: {
    54                color: theme("colors.link"),
    55                "&:hover": {
    56                  color: theme("colors.link"),
    57                },
    58              },
    59              code: { color: theme("colors.foreground") },
    60              "a code": { color: theme("colors.foreground") },
    61              h1: { color: theme("colors.foreground") },
    62              h2: { color: theme("colors.foreground") },
    63              h3: { color: theme("colors.foreground") },
    64              h4: { color: theme("colors.foreground") },
    65              h5: { color: theme("colors.foreground") },
    66              h6: { color: theme("colors.foreground") },
    67              strong: { color: theme("colors.foreground") },
    68              "thead tr th": {
    69                color: theme("colors.table-head"),
    70              },
    71              "tbody tr": { borderBottomColor: theme("colors.table-divide") },
    72            },
    73          },
    74        }),
    75      },
    76    },
    77    plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
    78  };