use tailwind 4.0.9 to make heroicon plugin work

also use oklch for brand color and fix semicolon
phoenixframework · Feb 26, 2025 · fe4f5fe · fe4f5fe
1 parent 46129bf
commit fe4f5fe
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/installer/templates/phx_assets/app.css b/installer/templates/phx_assets/app.css
@@ -8,8 +8,8 @@
 @variant phx-submit-loading ([".phx-submit-loading&", ".phx-submit-loading &"]);
 @variant phx-change-loading ([".phx-change-loading&", ".phx-change-loading &"]);
 @theme {
-  --color-brand: "#FD4F00",
-};
+  --color-brand: oklch(66.64% 0.2202 37.57);
+}
 
 /*
  * Make LiveView wrapper divs transparent for layout.

diff --git a/installer/templates/phx_single/config/config.exs b/installer/templates/phx_single/config/config.exs
@@ -45,7 +45,7 @@ config :esbuild,
 
 # Configure tailwind (the version is required)
 config :tailwind,
-  version: "4.0.3",
+  version: "4.0.9",
   <%= @app_name %>: [
     args: ~w(
       --input=assets/css/app.css

diff --git a/installer/templates/phx_umbrella/apps/app_name_web/config/config.exs b/installer/templates/phx_umbrella/apps/app_name_web/config/config.exs
@@ -29,7 +29,7 @@ config :esbuild,
 
 # Configure tailwind (the version is required)
 config :tailwind,
-  version: "4.0.3",
+  version: "4.0.9",
   <%= @web_app_name %>: [
     args: ~w(
       --input=assets/css/app.css

diff --git a/integration_test/config/config.exs b/integration_test/config/config.exs
@@ -4,6 +4,6 @@ config :phoenix, :json_library, Jason
 
 config :swoosh, api_client: false
 
-config :tailwind, :version, "4.0.3"
+config :tailwind, :version, "4.0.9"
 
 config :phoenix_live_view, enable_expensive_runtime_checks: true