diff --git a/src/app/components/url-preview/UrlPreview.tsx b/src/app/components/url-preview/UrlPreview.tsx index 4ba3e4e22..8fb9d59d7 100644 --- a/src/app/components/url-preview/UrlPreview.tsx +++ b/src/app/components/url-preview/UrlPreview.tsx @@ -4,7 +4,7 @@ import { Box, as } from 'folds'; import * as css from './UrlPreview.css'; export const UrlPreview = as<'div'>(({ className, ...props }, ref) => ( - + )); export const UrlPreviewImg = as<'img'>(({ className, alt, ...props }, ref) => ( diff --git a/src/app/features/settings/general/General.tsx b/src/app/features/settings/general/General.tsx index 153f25e4f..83aa3992a 100644 --- a/src/app/features/settings/general/General.tsx +++ b/src/app/features/settings/general/General.tsx @@ -378,7 +378,7 @@ function Appearance() { {lotusTerminal && ( diff --git a/src/lotus-terminal.css.ts b/src/lotus-terminal.css.ts index 0a8860f4b..baa9bad2f 100644 --- a/src/lotus-terminal.css.ts +++ b/src/lotus-terminal.css.ts @@ -660,3 +660,29 @@ globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] ::-webkit-scroll borderRadius: '2px', }); +// ── URL preview cards (terminal mode) ─────────────────────────────────────── +globalStyle(`body.${lotusTerminalBodyClass} [data-url-preview]`, { + backgroundColor: 'rgba(3,12,20,0.92)', + border: '1px solid rgba(0,212,255,0.22)', + borderLeft: '3px solid rgba(255,107,0,0.60)', + borderRadius: '4px', + color: '#e8edf5', +}); +globalStyle(`body.${lotusTerminalBodyClass} [data-url-preview] a`, { + color: 'rgba(0,212,255,0.85) !important' as any, +}); +globalStyle(`body.${lotusTerminalBodyClass} [data-url-preview] a:hover`, { + color: 'rgba(255,107,0,0.90) !important' as any, + textShadow: '0 0 6px rgba(255,107,0,0.30)', +}); +// light TDS +globalStyle(`html[data-theme="light"] body.${lotusTerminalBodyClass} [data-url-preview]`, { + backgroundColor: 'rgba(240,244,252,0.97)', + border: '1px solid rgba(0,98,184,0.22)', + borderLeft: '3px solid rgba(196,78,0,0.55)', + color: '#2d3d56', +}); +globalStyle(`html[data-theme="light"] body.${lotusTerminalBodyClass} [data-url-preview] a`, { + color: '#0062b8 !important' as any, +}); +