Fix item pane section button icons in light and dark themes.

Wire stroke context properties for Lucide SVG toolbar icons and set light/dark icon URLs on open-in-window and adaptive-height buttons.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
yhy
2026-08-29 23:54:45 +08:00
co-authored by Cursor
parent 36b806378f
commit 54f004a56c
4 changed files with 75 additions and 25 deletions
+28
View File
@@ -14,6 +14,34 @@
min-height: 0 !important;
}
/*
* Item pane section header buttons (open in window, adaptive height).
* Lucide-style icons are stroke-based (context-stroke); Zotero only enables
* fill context on .section-custom-button by default, so strokes stay invisible
* in light and dark themes until stroke is wired to currentColor.
*/
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
fill: currentColor;
stroke: currentColor;
color: inherit;
}
@media (prefers-color-scheme: light) {
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
list-style-image: var(--custom-button-icon-light);
}
}
@media (prefers-color-scheme: dark) {
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
list-style-image: var(--custom-button-icon-dark);
}
}
collapsible-section.chatpapers-adaptive-height[open] {
--open-height: auto;
}