Comments (2)
Thank you @kriskratz
for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I
find a solution.
In the meantime providing more details and reproduction links would be
helpful.
from daisyui.
This is what I added into my tailwind css to fix it for now:
Also I defined --fallback-bc-rgb: 31, 41 , 55
in the light theme. I noticed some of the backgrounds were set to opacity 0, so I changed those to transparent. And a few of the fallbacks were located inside of @supports, so I pulled those out as well.
I may have missed some stuff... but this is a good starting point. Let me know if there's a better way.
@media (hover: hover){
.btn-ghost:hover{
background-color: rgb(var(--fallback-bc-rgb), 0.2);
background-color: oklch(var(--bc)/0.2);
}
.btn-disabled:hover,
.btn[disabled]:hover,
.btn:disabled:hover{
background-color: transparent;
}
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
background-color: rgb(var(--fallback-bc-rgb), 0.1);
background-color: oklch(var(--bc)/0.1);
}
}
.btn-ghost.btn-active{
background-color: rgb(var(--fallback-bc-rgb), 0.2);
background-color: oklch(var(--bc)/0.2);
}
.btn.btn-disabled,
.btn[disabled],
.btn:disabled{
background-color: transparent;
}
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
background-color: rgb(var(--fallback-bc-rgb), 0.1);
background-color: oklch(var(--bc)/0.1);
}
.prose :where(code):not(:where([class~="not-prose"] *, pre *)) {
background-color: rgb(var(--fallback-bc-rgb), 0.1);
background-color: oklch(var(--bc)/0.1);
}
.block-editor-iframe__body :where(code):not(:where([class~="not-prose"] *, pre *)),
div.editor-styles-wrapper :where(code):not(:where([class~="not-prose"] *, pre *)){
background-color: rgb(var(--fallback-bc-rgb), 0.1);
background-color: oklch(var(--bc)/0.1);
}
from daisyui.
Related Issues (20)
- bug: Input components with parent labels not working when disabled HOT 4
- bug: Checkbox input not responsive if checked value is "true" HOT 3
- bug: nested different types of `join` conflict with one another HOT 2
- bug: DaisyUI doesn't detect classes when using template litterals HOT 2
- bug: Step Numbers not hidden in Drawer HOT 3
- bug: prefix doesnt work on color utilities HOT 2
- docs: toast HOT 3
- bug: Failed to switch themes in mobile browser. HOT 4
- bug: show sidebar content when using drawer-end class and press 'tab' HOT 2
- bug: I cannot keep the lines of the timeline component on the left or right side HOT 2
- bug: Tailwind plugin causes build failures for next@canary HOT 2
- bug: Theme colors do not change on theme change in Nuxt3 HOT 1
- docs: daisyui.com index page animations make navigation difficult HOT 3
- bug: CDN build does not include outline colors HOT 2
- docs: Inaccessible components / wrong advice on docs. HOT 5
- bug: CSS variables set in typography plugin settings are overriden HOT 2
- docs: how to trigger animation when hide toast? HOT 2
- bug: dropdown not working HOT 2
- bug: .btn transform and "stretched link" HOT 3
- bug: tooltip crashes when theme is an empty array HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from daisyui.