Skip to content

Update daisy to v5#15

Merged
FernandoArteaga merged 8 commits into
mainfrom
14-update-daisy-to-v5
Jan 26, 2026
Merged

Update daisy to v5#15
FernandoArteaga merged 8 commits into
mainfrom
14-update-daisy-to-v5

Conversation

@FernandoArteaga

@FernandoArteaga FernandoArteaga commented Jan 26, 2026

Copy link
Copy Markdown
Owner

This PR upgrades DaisyUI from v4 to v5 and migrates from Tailwind CSS v3 to v4, introducing significant changes to the styling configuration approach. The migration moves from JavaScript-based configuration files to CSS-based configuration using Tailwind v4's new syntax.

Changes:

Upgraded Tailwind CSS from v3.4.19 to v4.1.18 and DaisyUI from v4.12.24 to v5.5.14
Replaced JavaScript configuration (tailwind.config.js, postcss.config.js) with CSS-based configuration in global.css using Tailwind v4 syntax
Improved type safety by extracting IconName type to a shared types/app.ts file and updating component type annotations
Refactored resume.astro to use a new ResumeSection component for better code organization
Updated badge styling from badge to badge-soft badge-primary for softer visual appearance
Added utility function concatTexts for cleaner class name composition
Updated content in resume.json and index.astro to reflect recent professional changes

@FernandoArteaga FernandoArteaga linked an issue Jan 26, 2026 that may be closed by this pull request
@github-actions github-actions Bot added documentation Improvements or additions to documentation configurations source labels Jan 26, 2026

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR upgrades DaisyUI from v4 to v5 and migrates from Tailwind CSS v3 to v4, introducing significant changes to the styling configuration approach. The migration moves from JavaScript-based configuration files to CSS-based configuration using Tailwind v4's new syntax.

Changes:

  • Upgraded Tailwind CSS from v3.4.19 to v4.1.18 and DaisyUI from v4.12.24 to v5.5.14
  • Replaced JavaScript configuration (tailwind.config.js, postcss.config.js) with CSS-based configuration in global.css using Tailwind v4 syntax
  • Improved type safety by extracting IconName type to a shared types/app.ts file and updating component type annotations
  • Refactored resume.astro to use a new ResumeSection component for better code organization
  • Updated badge styling from badge to badge-soft badge-primary for softer visual appearance
  • Added utility function concatTexts for cleaner class name composition
  • Updated content in resume.json and index.astro to reflect recent professional changes

Reviewed changes

Copilot reviewed 21 out of 24 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
package.json Updated dependency versions, moved daisyui to devDependencies, removed "start" script
astro.config.mjs Replaced @astrojs/tailwind integration with @tailwindcss/vite plugin
tailwind.config.js Removed (replaced with CSS configuration)
postcss.config.js Removed (replaced with simpler postcss.config.cjs)
postcss.config.cjs New simplified PostCSS configuration
src/styles/global.css Added Tailwind v4 CSS configuration with theme and plugin directives
src/types/app.ts New file defining shared IconName type
src/types/resume.ts Updated to use IconName type, exported Project interface
src/utils.ts New utility function for concatenating class names
src/components/Icon.astro Refactored to import IconName from types/app.ts
src/components/ResumeSection.astro New component for consistent resume section styling
src/components/ProjectCard.astro Updated to use concatTexts utility and improved class organization
src/components/HeaderLink.astro Changed underline-offset from arbitrary value to utility class
src/components/ThemeToggle.astro Improved TypeScript type safety with explicit HTMLElement casts
src/components/BaseHead.astro Added sitemap link
src/components/Footer.astro Minor formatting change in shadow value
src/layouts/Default.astro Added global.css import
src/pages/resume.astro Major refactoring using ResumeSection component, improved layout spacing
src/pages/projects.astro Updated to use Tailwind v4 CSS variable syntax for breakpoints
src/pages/index.astro Updated content to reflect current professional focus
src/pages/blog/index.astro Updated badge styling to use badge-soft
tsconfig.json Added include and exclude configurations
resume.json Updated work experience details and added missing icons
pnpm-lock.yaml Dependency updates reflecting package.json changes
Files not reviewed (1)
  • pnpm-lock.yaml: Language not supported

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/styles/global.css
Comment thread src/components/HeaderLink.astro
Comment thread package.json
Comment thread src/layouts/Default.astro Outdated
Comment thread src/pages/projects.astro
@FernandoArteaga
FernandoArteaga merged commit 3d8388d into main Jan 26, 2026
1 check passed
@FernandoArteaga
FernandoArteaga deleted the 14-update-daisy-to-v5 branch January 26, 2026 04:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

configurations documentation Improvements or additions to documentation source

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update Daisy to v5

2 participants