Skip to content

Commit 3687017

Browse files
improvement(styling): one lighter translucent text-selection color everywhere, no forced text color
1 parent 0e288c2 commit 3687017

1 file changed

Lines changed: 6 additions & 13 deletions

File tree

‎apps/sim/app/_styles/globals.css‎

Lines changed: 6 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -494,21 +494,14 @@ html.sidebar-booting .sidebar-shell-inner {
494494
}
495495

496496
/* Consistent branded text-selection color everywhere, independent of the
497-
browser/OS default (which dims when the window loses focus). */
497+
browser/OS default (which dims when the window loses focus). Translucent,
498+
with no color override, so selected text keeps its own paint on every
499+
surface — solid-brand + forced white broke wherever glyphs aren't the
500+
selected element's own (Chromium ignores ::selection color in form
501+
controls, and the chat/workflow inputs render transparent textareas over
502+
styled mirrors, which left black text on solid brand blue). */
498503
::selection {
499-
background-color: var(--selection);
500-
color: var(--white);
501-
}
502-
503-
/* Form controls keep their own text color. Chromium does not paint
504-
::selection color inside input/textarea, and the chat input renders a
505-
transparent textarea over a styled mirror — forced white can never reach
506-
those glyphs, which left black text on the solid brand blue. A translucent
507-
highlight stays readable over any field text in every browser. */
508-
input::selection,
509-
textarea::selection {
510504
background-color: var(--selection-muted);
511-
color: currentColor;
512505
}
513506

514507
body {

0 commit comments

Comments
 (0)