schuwi/component-system
2
1
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(elixir): proper dark/light mode support

Browse Source
This commit is contained in:
Schuwi
2025-09-14 22:50:44 +02:00
parent 280caad641
commit ae861f32a1
6 changed files with 237 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
assets/css/app.css
View File

@@ -102,4 +102,39 @@
/* Make LiveView wrapper divs transparent for layout */
[data-phx-session], [data-phx-teleported-src] { display: contents }
/* Modal enhancements for better theme support */
.modal-backdrop {
background-color: var(--color-base-content);
opacity: 0.5;
}
.modal-content {
background-color: var(--color-base-100);
border-color: var(--color-base-300);
color: var(--color-base-content);
}
/* Ensure input field styling works properly in modals */
.modal-content input,
.modal-content textarea,
.modal-content select {
background-color: var(--color-base-100);
border-color: var(--color-base-300);
color: var(--color-base-content);
}
.modal-content input::placeholder,
.modal-content textarea::placeholder {
color: var(--color-base-content);
opacity: 0.5;
}
/* Focus states for inputs in modals */
.modal-content input:focus,
.modal-content textarea:focus,
.modal-content select:focus {
border-color: var(--color-primary);
outline-color: var(--color-primary);
}
/* This file is for your main application CSS */