C9S/mono
3
0
Fork 0
Code Issues 2 Pull Requests 11 Actions 1 Packages Projects 3 Releases Wiki Activity

fix(desktop): выделение текста — solid accent вместо болотного teal

Browse Source 
Глобальный ::selection был --p-primary-soft (teal 10% alpha) — болотный,
почти невидим. Меняем на solid --p-accent + белый текст: видно на любом фоне.
Тост-специфичные ::selection-override (.q-notification/.toast) убраны —
accent читаем и на тёмной поверхности тоста, выделение единое везде.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
coopops
2026-05-31 07:06:02 +00:00
parent 16104f194d
commit 3521881fd2
2 changed files with 5 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/desktop/src/css/mono-platform/components.css
+5 -7
View File
@@ -17,7 +17,11 @@ body {
text-rendering: optimizeLegibility;
font-feature-settings: "cv11", "ss01", "ss03";
}
::selection { background: var(--p-primary-soft); color: var(--p-ink); }
/* Выделение текста — solid accent + белый текст: видно на любом фоне (вкл.
тёмную поверхность тоста). Раньше --p-primary-soft (teal 10% alpha) —
болотно и почти невидимо. */
::selection { background: var(--p-accent); color: #fff; }
::-moz-selection { background: var(--p-accent); color: #fff; }
/* ---- Typography utilities ---- */
.t-display { font-family: var(--p-display); font-size: var(--p-fs-display); line-height: var(--p-lh-display); letter-spacing: var(--p-ls-display); font-weight: 600; }
@@ -665,12 +669,6 @@ body {
max-width: 420px;
line-height: 1.45;
}
/* Выделение текста на тёмной поверхности тоста — светлое читаемое
(глобальный ::selection даёт тёмный текст и пропадает). См. quasar-canon.css. */
.toast ::selection,
.toast::selection { background: rgba(250, 250, 250, 0.28); color: #fafafa; }
.toast ::-moz-selection,
.toast::-moz-selection { background: rgba(250, 250, 250, 0.28); color: #fafafa; }
.toast__icon { opacity: 0.7; margin-top: 1px; flex-shrink: 0; color: inherit; }
.toast__icon svg { width: 16px; height: 16px; }
.toast__body { flex: 1; }
components/desktop/src/css/mono-platform/quasar-canon.css
-10
View File
@@ -356,16 +356,6 @@ body.body--dark {
line-height: 1.45;
gap: 12px;
}
/* Выделение текста внутри тоста: глобальный ::selection красит текст в
var(--p-ink) (на свет-теме тёмный) поверх полупрозрачного фона — на тёмной
поверхности тоста выделенный текст пропадает. Тост — фикс. тёмная поверхность,
поэтому и выделение фиксированное: полупрозрачная светлая подложка + светлый
текст, читаемо на всех типах (#052e16/#4c0a0a/#3d2400/#0c1e3f/нейтральный). */
.q-notification ::selection,
.q-notification ::-moz-selection {
background: rgba(250, 250, 250, 0.28);
color: #fafafa;
}
.q-notification__message {
color: inherit;
font-weight: 500;