12 questions from the last 7 days
2
votes
2
answers
118
views
Light Mode Flash (in dark mode) On Reload Page
Always I reload any page happens a quick flash that changes the entire system to dark mode and comes back again, but really quick.
Before, this was happens also on dark mode too, but I could fix it ...
-1
votes
1
answer
92
views
tailwind classes are loaded but coloring css variables no applied
I am using TailwindCSS in my React + Vite project, and the classes are loaded correctly. The UI looks complete.
The problem is that colors from variables defined in tailwind.config.js are not applied.
...
0
votes
1
answer
62
views
Manual dark mode toggle, but by default it should follow the system scheme
So the documentation suggests that if I want a manual toggle, I should write it like this:
If you want your dark theme to be driven by a CSS selector instead of the prefers-color-scheme media query, ...
- 18.5k
-1
votes
1
answer
69
views
Tailwind css migration error: "Cannot apply unknown utility class" [closed]
I have a fairly large svelte kit tailwind project.
I updated all dependencies to latest, including TailwindCSS. My current dependencies are as follows:
{
"devDependencies": {
// ....
- 1,169
0
votes
2
answers
55
views
Tailwind dark mode classes not working even though .dark class is applied [duplicate]
I'm trying to implement dark mode in my Next.js app using TailwindCSS. However, TailwindCSS's dark: classes are not being applied, even when the .dark class is present on the <html> tag.
global....
1
vote
2
answers
54
views
OKLCH colors are converted to LAB colors when I start using Rolldown-Vite instead of Vite
There is a Vite project using TailwindCSS v4. v4 already targets Baseline 2023 and correctly uses oklch() colors.
Input CSS
@theme {
--color-demo: oklch(98% 0.006 251deg);
}
Generated CSS with Vite ...
- 18.5k
1
vote
0
answers
55
views
How to make custom Web Components with Tailwind CSS react to container width instead of window.innerWidth? [closed]
I'm building an embedded widget as a Web Component using Vite + Tailwind CSS.
When the app runs standalone, Tailwind responsive breakpoints (sm, md, lg, xl) work correctly, because they react to ...
- 179
-1
votes
0
answers
44
views
How to override Radix theme ::before ::after styles [closed]
I am using Radix theme https://www.radix-ui.com/themes/docs/overview/getting-started and I am specifically using the Table component.
I want to override default styling for just the Table.Header ...
- 91
0
votes
1
answer
26
views
Disable automatic source detection when use `@tailwind utilities`
With shorthand import, this is easy:
@import "tailwindcss" source(none);
Although the documentation addresses what happens if I don't use @import "tailwindcss";:
https://...
- 18.5k
0
votes
0
answers
26
views
How can I create an in-curved notch/cutout in a div border where another div overlaps it? [closed]
I'm trying to recreate an overlapping box layout where one box appears to "intrude" into another box's border with a smooth, curved notch effect (not just a straight cutout).
Here is the ...
-3
votes
0
answers
17
views
How do I fix a "npm error could not determine executable to run" when using tailwindcss [duplicate]
When I run the command npx tailwindcss init -p, i get an error saying "npm error could not determine executable to run". How do I fix this?
0
votes
1
answer
26
views
Scope Tailwind to certain element
New to Tailwind and I am asking this as Tailwind is defined as a framework. Not sure if it's feasible but can we scope tailwind to particular div?
Putting this in a bit detail as you can understand ...
- 33