Skip to content

Full color palette for Laravel Nova (or another project using tailwind.css)

License

Notifications You must be signed in to change notification settings

abordage/tailwind-colors

Repository files navigation

Full color palette for Laravel Nova (or another project using precompiled Tailwind CSS)

Laravel Nova Badge

Quick start

tailwind-colors.css contains all tailwind color palette required for customizing laravel nova badges

  1. Copy /dist/tailwind-colors.css to public dir (e.g. css/tailwind-colors.css)
  2. Include styles in a file resources/views/vendor/nova/partials/meta.blade.php (create file if not)
     <link rel="stylesheet" href="{{ asset('css/tailwind-colors.css') }}">

Usage

Badge::make('Type')
   ->addTypes([
      'Free' => 'bg-blue-100 text-blue-600 dark:bg-blue-500 dark:text-blue-900',
      'Pro' => 'bg-violet-100 text-violet-600 dark:bg-violet-500 dark:text-violet-900',
      'Premium' => 'bg-lime-100 text-lime-600 dark:bg-lime-500 dark:text-lime-900',
    ]),

Adding styles

  1. Specify the required styles in content-generator.php
  2. Run php content-generator.php
  3. Run npx tailwindcss -i ./src/input.css -o ./dist/tailwind-colors.css --minify

Feedback

If you have any feedback, comments or suggestions, please feel free to open an issue within this repository.

Credits

License

The MIT License (MIT). Please see License File for more information.

About

Full color palette for Laravel Nova (or another project using tailwind.css)

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks