kodama-ui/dist/plugin.js

Kodama UI is a Vue 3 component library that provides a set of components & funcionality to build your application.

const plugin = require('tailwindcss/plugin')

module.exports = plugin(
    function () {
        // Add your custom styles here
    },
    {
        darkMode: 'class',
        theme: {
            colors: {
                transparent: 'transparent',
                sidebar: '#0b0f19',
                toolbar: '#0d121f',

                // Mono Colors
                white: 'white',
                black: 'black',
                gray: {
                    50: '#F9FAFB',
                    100: '#F3F4F6',
                    200: '#E5E7EB',
                    300: '#D1D5DB',
                    400: '#9CA3AF',
                    500: '#6B7280',
                    600: '#4B5563',
                    700: '#374151',
                    800: '#1F2937',
                    900: '#111827'
                },

                // Brand
                primary: '#1A56DB',
                secondary: '#5014d0',

                // Status
                success: '#01dc83',
                warning: '#f1bc00',
                danger: '#d9214e',
                info: '#35e4d8'
            },
            fontFamily: {
                sans: ['Montserrat', 'ui-sans-serif'],
                title: ['Rubik', 'ui-sans-serif'],
                consola: ['Consolas', 'ui-monospace']
            },

            extend: {
                minHeight: {
                    9: '2.25rem',
                    10: '2.5rem',
                    12: '3rem',
                    14: '3.5rem'
                }
            }
        }
    }
)