Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

zaxwebs's avatar

Change Default Link Color with Vite

How can I change the default link color in Tailwind using the Laravel Breeze Vite setup?

0 likes
4 replies
salamaslam.official's avatar

Not matter, that which framework you are using, you can set them by inspecting them. Find the class or Tagname and write the style for it in the footer, header, or main CSS file.

Sinnbeck's avatar

You can extend/overwrite the colors in tailwind.config.js. Add this

    theme: {
        extend: {
            colors: {
                blue: {
                    DEFAULT: '#1165C5',
                    500: '#ABCFF8',
              }
        }
    }
Sinnbeck's avatar

Can you show an example of how the classes on the a looks ? I cannot find any links except in the nav in breeze

newbie360's avatar

@zaxwebs if guess you want something like this

resources\css\app.css ADD

a {
  @apply text-red-600;
}

a:active,
a:hover,
a:focus {
  @apply underline;
}

and then

npm run build
1 like

Please or to participate in this conversation.