mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 19:09:52 +00:00
e70ddea684
* feature: size adjust * feature: design adjust * fix: popover width, height added * fix: li style override * refactor: improve component readability and maintainability per PR feedback - Replace CardGridList component with createGridStyle utility function - Add runtime validation for grid column values - Remove !important usage in MultiSelect, use cn() function instead - Extract popover sizing logic into usePopoverSizing composable - Improve class string readability by splitting into logical groups - Use Tailwind size utilities (size-8, size-10) instead of separate width/height - Remove magic numbers in SearchBox, align with button sizes - Rename BaseWidgetLayout to BaseModalLayout for clarity - Enhance SearchBox click area to cover entire component - Refactor long class strings using cn() utility across components * fix: BaseWidgetLayout => BaseModalLayout * fix: CardGrid deleted * fix: unused exported types * Update test expectations [skip ci] * chore: code review * Update test expectations [skip ci] * chore: restore screenshot --------- Co-authored-by: github-actions <github-actions@github.com>
64 lines
1.4 KiB
HTML
64 lines
1.4 KiB
HTML
<style>
|
|
body {
|
|
overflow-y: auto !important;
|
|
transition: background-color 0.3s ease, color 0.3s ease;
|
|
}
|
|
|
|
/* Light theme default - with explicit color to override media queries */
|
|
body:not(.dark-theme) {
|
|
background-color: #fff !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
/* Override browser dark mode preference for light theme */
|
|
@media (prefers-color-scheme: dark) {
|
|
body:not(.dark-theme) {
|
|
color: #000 !important;
|
|
--fg-color: #000 !important;
|
|
--bg-color: #fff !important;
|
|
}
|
|
}
|
|
|
|
/* Dark theme styles */
|
|
body.dark-theme,
|
|
.dark-theme body {
|
|
background-color: #202020;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Ensure Storybook canvas follows theme */
|
|
.sb-show-main {
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.dark-theme .sb-show-main,
|
|
.dark-theme .docs-story {
|
|
background-color: #202020 !important;
|
|
}
|
|
|
|
/* CSS Variables for theme consistency */
|
|
body:not(.dark-theme) {
|
|
--fg-color: #000;
|
|
--bg-color: #fff;
|
|
--content-bg: #e0e0e0;
|
|
--content-fg: #000;
|
|
--content-hover-bg: #adadad;
|
|
--content-hover-fg: #000;
|
|
}
|
|
|
|
body.dark-theme {
|
|
--fg-color: #fff;
|
|
--bg-color: #202020;
|
|
--content-bg: #4e4e4e;
|
|
--content-fg: #fff;
|
|
--content-hover-bg: #222;
|
|
--content-hover-fg: #fff;
|
|
}
|
|
|
|
/* Override Storybook's problematic & selector styles */
|
|
/* Reset only the specific properties that Storybook injects */
|
|
li+li {
|
|
margin: 0;
|
|
padding: revert-layer;
|
|
}
|
|
</style> |