clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-26 21:54:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(asset-picker): theme tip-bar footer for OG (elevated bg + border)

Browse Source 
The asset-picker footer (`Tip: Drop an image, paste a link, or browse`)
used raw var(--lx-gray-05) for the top border and var(--lx-gray-03)
for the bg, both invalid in OG (where --lx-gray-N is unset). The
result: no top border + transparent bg, killing the elevated-footer
effect the Radix theme gets.

Fixes:
- border-top: var(--lx-gray-05, var(--ls-border-color, var(--rx-gray-05)))
- bg: @apply bg-gray-03 (themed tertiary teal in OG, same chain as topbar)
- .tip-label color: gains --ls-secondary-text-color middle
- .tip-body color: gains --ls-primary-text-color middle

Tip-link colors already used --lx-accent-11/12 which are theme-adaptive,
so the "browse" link continues to honor the theme accent. Radix themes
preserved via --lx-gray-N winning step 1 of every chain.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
scheinriese
2026-05-21 15:46:40 +02:00
parent e0418f0314
commit eccb247a1d
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/frontend/components/icon.css
View File

@@ -1206,17 +1206,22 @@
in gray-11, inline links in accent-11. */
.asset-picker-footer-hint {
@apply flex w-full items-center px-3 py-2 gap-1.5 text-sm;
border-top: 1px solid var(--lx-gray-05);
background-color: var(--lx-gray-03);
/* Raw `var(--lx-gray-05)` / `var(--lx-gray-03)` were invalid in OG
(where those vars are unset) — the top border disappeared and the
bg fell to transparent, killing the elevated footer effect. The
Tailwind utility chain gives `--ls-border-color` / themed tertiary
teal in OG; Radix themes still use --lx-gray-N at step 1. */
border-top: 1px solid var(--lx-gray-05, var(--ls-border-color, var(--rx-gray-05)));
@apply bg-gray-03;
.tip-label {
@apply font-medium;
color: var(--lx-gray-12);
color: var(--lx-gray-12, var(--ls-secondary-text-color, var(--rx-gray-12)));
}
.tip-body {
@apply flex flex-row flex-wrap items-center gap-1;
color: var(--lx-gray-11);
color: var(--lx-gray-11, var(--ls-primary-text-color, var(--rx-gray-11)));
}
.tip-link,