enso/app/ide-desktop/lib/dashboard/tailwind.config.ts

/** @file Configuration for Tailwind. */
import * as path from 'node:path'
import * as url from 'node:url'

// =================
// === Constants ===
// =================

const THIS_PATH = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)))

// =====================
// === Configuration ===
// =====================

// This is a third-party API that we do not control.
/* eslint-disable no-restricted-syntax, @typescript-eslint/naming-convention */
export const content = [THIS_PATH + '/src/**/*.tsx']
export const theme = {
    extend: {
        colors: {
            // Should be `#3e515fe5`, but `bg-opacity` does not work with RGBA.
            /** The default color of all text. */
            primary: '#52636f',
            // Should be `#3e515f14`, but `bg-opacity` does not work with RGBA.
            label: '#f0f1f3',
            help: '#3f68ce',
            warning: '#eab120',
            'severe-warning': '#e06740',
            'perm-owner': '#51626e',
            'perm-admin': '#e06a50',
            'perm-write': '#efa043',
            'perm-read': '#b6cb34',
            'perm-exec': '#ad69e3',
            'perm-docs-write': '#2db1c3',
            // Should be `#3e515f14`, but `bg-opacity` does not work with RGBA.
            'perm-none': '#f0f1f3',
        },
        flexGrow: {
            2: '2',
        },
        fontSize: {
            vs: '0.8125rem',
        },
        spacing: {
            '140': '35rem',
        },
        gridTemplateColumns: {
            'fill-60': 'repeat(auto-fill, 15rem)',
        },
        boxShadow: {
            soft: `0 0.5px 2.2px 0px #00000008, 0 1.2px 5.3px 0px #0000000b, \
0 2.3px 10px 0 #0000000e, 0 4px 18px 0 #00000011, 0 7.5px 33.4px 0 #00000014, \
0 18px 80px 0 #0000001c`,
        },
        animation: {
            'spin-ease': 'spin cubic-bezier(0.67, 0.33, 0.33, 0.67) 1.5s infinite',
        },
        transitionProperty: {
            width: 'width',
            'stroke-dasharray': 'stroke-dasharray',
        },
        transitionDuration: {
            '90000': '90000ms',
        },
    },
}