diff --git a/demo/app/assets/tailwind/application.css b/demo/app/assets/tailwind/application.css index a6ad6fd..758f631 100644 --- a/demo/app/assets/tailwind/application.css +++ b/demo/app/assets/tailwind/application.css @@ -7,6 +7,8 @@ /* Include CSS classes used by the components in the final CSS */ @import "../builds/tailwind/flowbite_components"; +@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *)); + footer a { @apply font-medium text-blue-600 dark:text-blue-500 hover:underline; } diff --git a/demo/app/views/layouts/application.html.erb b/demo/app/views/layouts/application.html.erb index bd7a4c5..b2a6956 100644 --- a/demo/app/views/layouts/application.html.erb +++ b/demo/app/views/layouts/application.html.erb @@ -21,7 +21,7 @@ <%= stylesheet_link_tag :app %> - +