fix: improve notice popup contrast

This commit is contained in:
Owen Lee 2026-06-08 11:03:36 +09:00
parent a958fcddb5
commit 482c997f3e
4 changed files with 96 additions and 85 deletions

View file

@ -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",

View file

@ -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 |

View file

@ -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);

View file

@ -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);