Aurora Text gradient

[arct0r]

Hey!
First of all awesome work.

I've been testing Aurora Text in two different projects. The gradients seems to get out of the text.

I just copied the code provided in the documentation

[pixelmate-au]

I have the exactly same issue, it seems related to TW4, but I haven't found a solution for it, hopefully someone can help with it.

[arct0r]

I have the exactly same issue, it seems related to TW4, but I haven't found a solution for it, hopefully someone can help with it.

Not sure about that. I only tested it on <4

[SikandarJODD]

Yeep i know this issue @arct0r @pixelmate-au

try this out : app.css - Tailwind 4

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --color-1: 0 100% 63%;
    --color-2: 270 100% 63%;
    --color-3: 210 100% 63%;
    --color-4: 195 100% 63%;
    --color-5: 90 100% 63%;
  }

.dark {
    --background: 240 10% 3.9%;
  }
}

@layer base {
  body {
    @apply bg-background ;
  }
}

[arct0r]

I'm not using Tailwind 4 though. I'm sticking with 3 (3.4.17 to be specific) because that's what next.shadcn-svelte currently uses.
edit: tried adding those code snippets and even copying your entire app.css and tsconfig.json from this repo. Still not working. Something else is going on

[SikandarJODD]

i am sorry above code works in tailwind 3.4.17
also you need to add this below code in tailwind.config.ts

extend: {
  colors: {
      background: "hsl(var(--background) / <alpha-value>)",
  }
}

[arct0r]

That still doesn't fix it for me. Have you, by any chance, tested AuroraText on a white background? I can replicate the issue by changing the background color on your site

[SikandarJODD]

Hey hi : i created new project it look like this in light mode
changes : need to add tailwindcss-animate lib to use above effect will update the component

Example Repo: https://github.com/SikandarJODD/aurora-check

@arct0r @pixelmate-au @othavioquiliao

[arct0r]

Thank you man! Much obliged. You're a big help for the Svelte community.

[SikandarJODD]

Thank you man! Much obliged. You're a big help for the Svelte community.

Welcome
i will update the code soon
Thanks a lot for issue