From 482c997f3e5d15f6db4e348021f5c2af33c2dc80 Mon Sep 17 00:00:00 2001 From: Owen Lee Date: Mon, 8 Jun 2026 11:03:36 +0900 Subject: [PATCH] fix: improve notice popup contrast --- dev/WIKI/MAP/source-usage-map.json | 147 +++++++++++---------- dev/WIKI/MAP/source-usage-map.md | 12 +- src/chrome/36-floating-ui-glass-system.css | 11 +- theme.css | 11 +- 4 files changed, 96 insertions(+), 85 deletions(-) diff --git a/dev/WIKI/MAP/source-usage-map.json b/dev/WIKI/MAP/source-usage-map.json index 907dce5..41150a2 100644 --- a/dev/WIKI/MAP/source-usage-map.json +++ b/dev/WIKI/MAP/source-usage-map.json @@ -1,9 +1,9 @@ { "schema": "owen-graphite/source-usage-map/1", "moduleCount": 26, - "sourceLines": 18500, - "rules": 2437, - "selectorParts": 3832, + "sourceLines": 18501, + "rules": 2440, + "selectorParts": 3835, "labelTotals": { "callout-list": 429, "cm6": 325, @@ -13,7 +13,7 @@ "overlay-search": 285, "print-pdf": 467, "reading-rendered": 1108, - "table": 1117, + "table": 1118, "workspace-chrome": 591 }, "hardViolations": [ @@ -575,17 +575,17 @@ "index": 22, "module": "src/chrome/36-floating-ui-glass-system.css", "legacyId": "09c-floating-ui-glass-system.css", - "sourceLines": 1051, + "sourceLines": 1052, "bundleStartLine": 14096, "bundleEndLine": 15148, - "rules": 117, - "selectorParts": 195, + "rules": 120, + "selectorParts": 198, "labels": { "code": 4, "overlay-search": 62, "print-pdf": 1, "reading-rendered": 4, - "table": 63, + "table": 64, "workspace-chrome": 26 }, "ownerSurfaces": [ @@ -8711,7 +8711,16 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 101, + "line": 88, + "context": "@media (min-width: 701px)", + "labels": [ + "table" + ], + "selector": "body:not(.is-mobile).theme-dark :is(.notice, .notice-container .notice)" + }, + { + "module": "src/chrome/36-floating-ui-glass-system.css", + "line": 102, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8721,7 +8730,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 116, + "line": 117, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8731,7 +8740,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 128, + "line": 129, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8740,7 +8749,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 133, + "line": 134, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8749,7 +8758,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 137, + "line": 138, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8758,7 +8767,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 145, + "line": 146, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8768,7 +8777,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 150, + "line": 151, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8778,7 +8787,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 189, + "line": 190, "context": "@media (min-width: 701px)", "labels": [ "table", @@ -8788,7 +8797,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 214, + "line": 215, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8798,7 +8807,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 231, + "line": 232, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8809,7 +8818,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 319, + "line": 320, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8819,7 +8828,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 324, + "line": 325, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8829,7 +8838,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 375, + "line": 376, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8838,7 +8847,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 381, + "line": 382, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8847,7 +8856,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 386, + "line": 387, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8856,7 +8865,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 390, + "line": 391, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8865,7 +8874,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 411, + "line": 412, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8875,7 +8884,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 417, + "line": 418, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8885,7 +8894,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 426, + "line": 427, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8895,7 +8904,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 432, + "line": 433, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8905,7 +8914,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 438, + "line": 439, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8915,7 +8924,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 444, + "line": 445, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8924,7 +8933,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 450, + "line": 451, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8933,7 +8942,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 456, + "line": 457, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8942,7 +8951,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 462, + "line": 463, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8951,7 +8960,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 468, + "line": 469, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8961,7 +8970,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 474, + "line": 475, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -8971,7 +8980,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 483, + "line": 484, "context": "@media (min-width: 701px)", "labels": [ "table", @@ -8981,7 +8990,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 545, + "line": 546, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8990,7 +8999,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 553, + "line": 554, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -8999,7 +9008,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 561, + "line": 562, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9008,7 +9017,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 571, + "line": 572, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9017,7 +9026,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 581, + "line": 582, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -9028,7 +9037,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 586, + "line": 587, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -9038,7 +9047,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 593, + "line": 594, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9047,7 +9056,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 599, + "line": 600, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9056,7 +9065,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 606, + "line": 607, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9065,7 +9074,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 611, + "line": 612, "context": "@media (min-width: 701px)", "labels": [ "code", @@ -9076,7 +9085,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 622, + "line": 623, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9085,7 +9094,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 626, + "line": 627, "context": "@media (min-width: 701px)", "labels": [ "table" @@ -9094,7 +9103,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 631, + "line": 632, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -9105,7 +9114,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 636, + "line": 637, "context": "@media (min-width: 701px)", "labels": [ "overlay-search", @@ -9116,7 +9125,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 705, + "line": 706, "context": "", "labels": [ "overlay-search", @@ -9126,7 +9135,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 816, + "line": 817, "context": "", "labels": [ "overlay-search", @@ -9137,7 +9146,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 820, + "line": 821, "context": "", "labels": [ "overlay-search", @@ -9148,7 +9157,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 826, + "line": 827, "context": "", "labels": [ "overlay-search", @@ -9159,7 +9168,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 832, + "line": 833, "context": "", "labels": [ "overlay-search", @@ -9169,7 +9178,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 836, + "line": 837, "context": "", "labels": [ "overlay-search", @@ -9179,7 +9188,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 842, + "line": 843, "context": "", "labels": [ "overlay-search", @@ -9189,7 +9198,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 847, + "line": 848, "context": "", "labels": [ "overlay-search", @@ -9199,7 +9208,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 852, + "line": 853, "context": "", "labels": [ "overlay-search", @@ -9209,7 +9218,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 861, + "line": 862, "context": "", "labels": [ "overlay-search", @@ -9219,7 +9228,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 865, + "line": 866, "context": "", "labels": [ "overlay-search", @@ -9229,7 +9238,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 871, + "line": 872, "context": "", "labels": [ "overlay-search", @@ -9239,7 +9248,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 875, + "line": 876, "context": "", "labels": [ "code", @@ -9251,7 +9260,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 879, + "line": 880, "context": "", "labels": [ "overlay-search", @@ -9262,7 +9271,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 883, + "line": 884, "context": "", "labels": [ "table" @@ -9271,7 +9280,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 888, + "line": 889, "context": "", "labels": [ "table" @@ -9280,7 +9289,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 893, + "line": 894, "context": "", "labels": [ "table" @@ -9289,7 +9298,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 898, + "line": 899, "context": "", "labels": [ "overlay-search", @@ -9300,7 +9309,7 @@ }, { "module": "src/chrome/36-floating-ui-glass-system.css", - "line": 1020, + "line": 1021, "context": "@media (prefers-contrast: more), (forced-colors: active)", "labels": [ "code", diff --git a/dev/WIKI/MAP/source-usage-map.md b/dev/WIKI/MAP/source-usage-map.md index 8929d98..39b2fad 100644 --- a/dev/WIKI/MAP/source-usage-map.md +++ b/dev/WIKI/MAP/source-usage-map.md @@ -7,9 +7,9 @@ Canonical WIKI location: `dev/WIKI/MAP/source-usage-map.md`. Machine provenance ## Summary - Source modules: 26 -- Source CSS lines: 18500 -- Parsed CSS rules: 2437 -- Selector parts: 3832 +- Source CSS lines: 18501 +- Parsed CSS rules: 2440 +- Selector parts: 3835 - Hard core-owner violations: 10 ## Surface Totals @@ -22,7 +22,7 @@ Canonical WIKI location: `dev/WIKI/MAP/source-usage-map.md`. Machine provenance - `overlay-search`: 285 rules - `print-pdf`: 467 rules - `reading-rendered`: 1108 rules -- `table`: 1117 rules +- `table`: 1118 rules - `workspace-chrome`: 591 rules ## Quick Routing @@ -173,7 +173,7 @@ See `dev/WIKI/runtime-debug-protocol.md` and the snippets in `dev/WIKI/runtime-d | 19 | `src/features/42-report-print-polish.css` | 10686-12744 | 2081 | reading-tables-code (allowed-late), pdf-base (allowed-late), pdf-report-polish | callout-list:60, cm6:3, code:260, lp-html-table:2, lp-markdown-table-widget-reference:2, print-pdf:208, reading-rendered:261, table:125, workspace-chrome:52 | after `src/plugins/61-live-preview-mobile-plugin.css`; before `src/chrome/34-nav-ribbon-glass.css` | | 20 | `src/chrome/34-nav-ribbon-glass.css` | 12748-13009 | 263 | workspace-chrome | cm6:1, code:3, reading-rendered:1, table:13, workspace-chrome:23 | after `src/features/42-report-print-polish.css`; before `src/chrome/35-editing-menu-tooltip-glass.css` | | 21 | `src/chrome/35-editing-menu-tooltip-glass.css` | 13013-14092 | 1083 | overlay-menu-search | cm6:6, code:6, overlay-search:35, reading-rendered:6, table:32, workspace-chrome:45 | after `src/chrome/34-nav-ribbon-glass.css`; before `src/chrome/36-floating-ui-glass-system.css` | -| 22 | `src/chrome/36-floating-ui-glass-system.css` | 14096-15148 | 1051 | overlay-menu-search | code:4, overlay-search:62, print-pdf:1, reading-rendered:4, table:63, workspace-chrome:26 | after `src/chrome/35-editing-menu-tooltip-glass.css`; before `src/chrome/37-tabs-file-explorer-search.css` | +| 22 | `src/chrome/36-floating-ui-glass-system.css` | 14096-15148 | 1052 | overlay-menu-search | code:4, overlay-search:62, print-pdf:1, reading-rendered:4, table:64, workspace-chrome:26 | after `src/chrome/35-editing-menu-tooltip-glass.css`; before `src/chrome/37-tabs-file-explorer-search.css` | | 23 | `src/chrome/37-tabs-file-explorer-search.css` | 15152-16079 | 979 | workspace-chrome | overlay-search:10, table:143, workspace-chrome:190 | after `src/chrome/36-floating-ui-glass-system.css`; before `src/themes/51-accessibility-motion-contrast.css` | | 24 | `src/themes/51-accessibility-motion-contrast.css` | 16083-16251 | 170 | support: accessibility/motion/contrast support | callout-list:4, cm6:4, code:11, overlay-search:7, reading-rendered:2, table:4, workspace-chrome:7 | after `src/chrome/37-tabs-file-explorer-search.css`; before `src/surfaces/23-liquid-glass-core.css` | | 25 | `src/surfaces/23-liquid-glass-core.css` | 16255-17926 | 1656 | reading-callouts-lists (allowed-late), live-preview-rendered-widgets | cm6:6, code:49, overlay-search:43, print-pdf:7, reading-rendered:39, table:103, workspace-chrome:87 | after `src/themes/51-accessibility-motion-contrast.css`; before `src/surfaces/24-html-table-live-preview-glass.css` | @@ -210,7 +210,7 @@ Table-related rules are intentionally split by surface: | `src/features/42-report-print-polish.css` | 125 | 2 | 261 | 208 | | `src/chrome/34-nav-ribbon-glass.css` | 13 | 0 | 1 | 0 | | `src/chrome/35-editing-menu-tooltip-glass.css` | 32 | 0 | 6 | 0 | -| `src/chrome/36-floating-ui-glass-system.css` | 63 | 0 | 4 | 1 | +| `src/chrome/36-floating-ui-glass-system.css` | 64 | 0 | 4 | 1 | | `src/chrome/37-tabs-file-explorer-search.css` | 143 | 0 | 0 | 0 | | `src/themes/51-accessibility-motion-contrast.css` | 4 | 0 | 2 | 0 | | `src/surfaces/23-liquid-glass-core.css` | 103 | 0 | 39 | 7 | diff --git a/src/chrome/36-floating-ui-glass-system.css b/src/chrome/36-floating-ui-glass-system.css index 8ae3c4b..7109075 100644 --- a/src/chrome/36-floating-ui-glass-system.css +++ b/src/chrome/36-floating-ui-glass-system.css @@ -79,13 +79,14 @@ } body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice) { - background: var(--ogd-glass-bg); - -webkit-backdrop-filter: var(--ogd-glass-filter); - backdrop-filter: var(--ogd-glass-filter); - border: 1px solid var(--ogd-glass-border); - box-shadow: var(--ogd-glass-shadow); + background: var(--ogd-glass-bg); border: 1px solid var(--ogd-glass-border); box-shadow: var(--ogd-glass-shadow); + -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); } + body:not(.is-mobile) :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 76% 22%, rgba(255, 255, 255, 0.88), transparent 34%), radial-gradient(circle at 14% 74%, rgba(125, 211, 252, 0.22), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.74)); color: var(--ogd-text-strong, #0f172a); border-color: rgba(203, 213, 225, 0.34); border-radius: 12px; font-weight: 650; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.48); } + body:not(.is-mobile) :is(.notice, .notice-container .notice) :is(.notice-message, .notice-content) { color: inherit; font-weight: inherit; } + body:not(.is-mobile).theme-dark :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 76% 22%, rgba(148, 163, 184, 0.22), transparent 34%), radial-gradient(circle at 14% 74%, rgba(56, 189, 248, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.78)); color: var(--ogd-text-inverted, #f8fafc); border-color: rgba(203, 213, 225, 0.24); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.46); } + body:not(.is-mobile) :is(.prompt-input, .modal input[type="text"], .modal input[type="search"], .modal textarea) { background: var(--ogd-glass-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); diff --git a/theme.css b/theme.css index 494b429..4d822db 100644 --- a/theme.css +++ b/theme.css @@ -14205,13 +14205,14 @@ body.ogd-report-mode .markdown-rendered > h2:first-of-type::after { } body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice) { - background: var(--ogd-glass-bg); - -webkit-backdrop-filter: var(--ogd-glass-filter); - backdrop-filter: var(--ogd-glass-filter); - border: 1px solid var(--ogd-glass-border); - box-shadow: var(--ogd-glass-shadow); + background: var(--ogd-glass-bg); border: 1px solid var(--ogd-glass-border); box-shadow: var(--ogd-glass-shadow); + -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); } + body:not(.is-mobile) :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 76% 22%, rgba(255, 255, 255, 0.88), transparent 34%), radial-gradient(circle at 14% 74%, rgba(125, 211, 252, 0.22), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.74)); color: var(--ogd-text-strong, #0f172a); border-color: rgba(203, 213, 225, 0.34); border-radius: 12px; font-weight: 650; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.48); } + body:not(.is-mobile) :is(.notice, .notice-container .notice) :is(.notice-message, .notice-content) { color: inherit; font-weight: inherit; } + body:not(.is-mobile).theme-dark :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 76% 22%, rgba(148, 163, 184, 0.22), transparent 34%), radial-gradient(circle at 14% 74%, rgba(56, 189, 248, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.78)); color: var(--ogd-text-inverted, #f8fafc); border-color: rgba(203, 213, 225, 0.24); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.46); } + body:not(.is-mobile) :is(.prompt-input, .modal input[type="text"], .modal input[type="search"], .modal textarea) { background: var(--ogd-glass-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control);