|
131 | 131 | ●●options |
132 | 132 |
|
133 | 133 | spec_title:CSS Color Adjustment Module Level 1 |
134 | | -spec_date:2025-07-24 |
135 | | -trans_update:2025-05-27 |
| 134 | +spec_date:2025-07-31 |
| 135 | +trans_update:2025-08-04 |
136 | 136 | source_checked:230828 |
137 | 137 | page_state_key:CSS |
138 | 138 | original_url:https://drafts.csswg.org/css-color-adjust-1/ |
|
320 | 320 | 模倣された強制d色~themeの~data:#emulated-forced-colors-theme-data |
321 | 321 | 模倣された強制d色~themeの~dataを設定する:#set-emulated-forced-colors-theme-data |
322 | 322 | 模倣された強制d色~themeの~dataを取得する:#get-emulated-forced-colors-theme-data |
| 323 | +強制d色~mode用の模倣~色~palette:#forced-colors-mode-emulation-color-palettes |
323 | 324 |
|
324 | 325 | §:#forced |
325 | 326 |
|
@@ -1516,161 +1517,18 @@ <h2 title="Forced Color Palettes">3. 強制d色~palette</h2> |
1516 | 1517 | To enable pages to adapt to forced colors mode user agents will match the forced-colors media query and must provide the required color palette through the CSS system colors (see [CSS-COLOR-4]). Additionally, if the UA determines, based on Lab lightness, that the Canvas color is clearly either dark (L < 33%) or light (L > 67%), then it must match the appropriate value of the prefers-color-scheme media query and express a corresponding user preference for color-scheme. This will allow pages that support light/dark color schemes to automatically adjust to more closely match the forced color scheme. Behavior between the above dark vs. light thresholds is UA-defined, and may result in assuming either light or dark as the user’s preferred color scheme. |
1517 | 1518 | </p> |
1518 | 1519 |
|
1519 | | -<div> |
1520 | 1520 | <p> |
1521 | 1521 | ~UAは、 |
1522 | 1522 | 【`§ 模倣@#color-adjust-emulation$の目的においては,】 |
1523 | | -`模倣された強制d色~themeの~dataを取得する$の結果 %結果 が `none$l でない場合には、 |
1524 | | -上述した~OS色~themeを素通りして,代わり[ |
1525 | | -各種 `system-color$t ~keywordを[ |
1526 | | -%結果 に応じて[ |
1527 | | -`light$l ならば次の表tの 2 列目/ |
1528 | | -`dark$l ならば次の表tの 3 列目 |
1529 | | -]の色へ対応付けるような`強制d色~mode$ |
1530 | | -]を利用者が可能化した |
1531 | | -]かのように動作するベキである: |
1532 | | -</p> |
1533 | | - |
1534 | | -<table> |
1535 | | -<caption> |
1536 | | -空欄は、 |
1537 | | -`system-color$t ~keywordの色を調整するベキでないことを表す。 |
1538 | | -</caption> |
1539 | | -<thead> |
1540 | | -<tr><th>`system-color$t |
1541 | | -<th>`light$l |
1542 | | -<th>`dark$l |
1543 | | -<tbody> |
1544 | | - |
1545 | | -<tr><td>`AccentColor$vS |
1546 | | -<td>`#FFFFFF^vC |
1547 | | -<td>`#000000^vC |
1548 | | - |
1549 | | -<tr><td>`AccentColorText$vS |
1550 | | -<td>`#000000^vC |
1551 | | -<td>`#FFFFFF^vC |
1552 | | - |
1553 | | -<tr><td>`ActiveText$vS |
1554 | | -<td>`#00009F^vC |
1555 | | -<td>`#FFFF00^vC |
1556 | | - |
1557 | | -<tr><td>`ButtonBorder$vS |
1558 | | -<td>`#000000^vC |
1559 | | -<td>`#000000^vC |
1560 | | - |
1561 | | -<tr><td>`ButtonFace$vS |
1562 | | -<td>`#FFFFFF^vC |
1563 | | -<td>`#000000^vC |
1564 | | - |
1565 | | -<tr><td>`ButtonText$vS |
1566 | | -<td>`#000000^vC |
1567 | | -<td>`#FFFFFF^vC |
1568 | | - |
1569 | | -<tr><td>`Canvas$vS |
1570 | | -<td>`#FFFFFF^vC |
1571 | | -<td>`#000000^vC |
1572 | | - |
1573 | | -<tr><td>`CanvasText$vS |
1574 | | -<td>`#000000^vC |
1575 | | -<td>`#FFFFFF^vC |
1576 | | - |
1577 | | -<tr><td>`Field$vS |
1578 | | -<td>`#FFFFFF^vC |
1579 | | -<td>`#000000^vC |
1580 | | - |
1581 | | -<tr><td>`FieldText$vS |
1582 | | -<td>`#000000^vC |
1583 | | -<td>`#FFFFFF^vC |
1584 | | - |
1585 | | -<tr><td>`GrayText$vS |
1586 | | -<td>`#600000^vC |
1587 | | -<td>`#3FF23F^vC |
1588 | | - |
1589 | | -<tr><td>`Highlight$vS |
1590 | | -<td>`#37006E^vC |
1591 | | -<td>`#1AEBFF^vC |
1592 | | - |
1593 | | -<tr><td>`HighlightText$vS |
1594 | | -<td>`#FFFFFF^vC |
1595 | | -<td>`#000000^vC |
1596 | | - |
1597 | | -<tr><td>`LinkText$vS |
1598 | | -<td>`#00009F^vC |
1599 | | -<td>`#FFFF00^vC |
1600 | | - |
1601 | | -<tr><td>`Mark$vS |
1602 | | -<td> |
1603 | | -<td> |
1604 | | - |
1605 | | -<tr><td>`MarkText$vS |
1606 | | -<td> |
1607 | | -<td> |
1608 | | - |
1609 | | -<tr><td>`SelectedItem$vS |
1610 | | -<td>`#37006E^vC |
1611 | | -<td>`#1AEBFF^vC |
1612 | | - |
1613 | | -<tr><td>`SelectedItemText$vS |
1614 | | -<td>`#FFFFFF^vC |
1615 | | -<td>`#000000^vC |
1616 | | - |
1617 | | -<tr><td>`VisitedText$vS |
1618 | | -<td>`#00009F^vC |
1619 | | -<td>`#FFFF00^vC |
1620 | | - |
1621 | | -</table> |
1622 | | - |
1623 | | -◎ |
1624 | | -If get emulated forced colors theme data is not "none", the user agent should bypass the above operating system color themes, and instead do the following based on the resulting value of emulated forced colors theme data: |
1625 | | -◎ |
1626 | | -"light" |
1627 | | -• Act as if the user has enabled forced colors mode with the following color mappings: |
1628 | | -◎ |
1629 | | -<system-color> keyword|Value |
1630 | | -AccentColor|#FFFFFF |
1631 | | -AccentColorText|#000000 |
1632 | | -ActiveText|#00009F |
1633 | | -ButtonBorder|#000000 |
1634 | | -ButtonFace|#FFFFFF |
1635 | | -ButtonText|#000000 |
1636 | | -Canvas|#FFFFFF |
1637 | | -CanvasText|#000000 |
1638 | | -Field|#FFFFFF |
1639 | | -FieldText|#000000 |
1640 | | -GrayText|#600000 |
1641 | | -Highlight|#37006E |
1642 | | -HighlightText|#FFFFFF |
1643 | | -LinkText|#00009F |
1644 | | -Mark|N/A - this system color keyword should not be adjusted. |
1645 | | -MarkText|N/A - this system color keyword should not be adjusted. |
1646 | | -SelectedItem|#37006E |
1647 | | -SelectedItemText|#FFFFFF |
1648 | | -VisitedText|#00009F |
| 1523 | +`模倣された強制d色~themeの~dataを取得する$の結果が `none$l でない場合には、 |
| 1524 | +上述した~OS色~themeを素通りして,代わりに[ |
| 1525 | +利用者が[ |
| 1526 | +当の結果~用に定義された`強制d色~mode用の模倣~色~palette$ |
| 1527 | +]で`強制d色~mode$を可能化した |
| 1528 | +]かのように動作するベキである。 |
1649 | 1529 | ◎ |
1650 | | -"dark" |
1651 | | -• Act as if the user has enabled forced colors mode with the following color mappings: |
1652 | | -◎ |
1653 | | -<system-color> keyword|Value |
1654 | | -AccentColor|#000000 |
1655 | | -AccentColorText|#FFFFFF |
1656 | | -ActiveText|#FFFF00 |
1657 | | -ButtonBorder|#000000 |
1658 | | -ButtonFace|#000000 |
1659 | | -ButtonText|#FFFFFF |
1660 | | -Canvas|#000000 |
1661 | | -CanvasText|#FFFFFF |
1662 | | -Field|#000000 |
1663 | | -FieldText|#FFFFFF |
1664 | | -GrayText|#3FF23F |
1665 | | -Highlight|#1AEBFF |
1666 | | -HighlightText|#000000 |
1667 | | -LinkText|#FFFF00 |
1668 | | -Mark|N/A - this system color keyword should not be adjusted. |
1669 | | -MarkText|N/A - this system color keyword should not be adjusted. |
1670 | | -SelectedItem|#1AEBFF |
1671 | | -SelectedItemText|#000000 |
1672 | | -VisitedText|#FFFF00 |
1673 | | -</div> |
| 1530 | +If get emulated forced colors theme data is not "none", the user agent should bypass the above operating system color themes, and instead act as if the user has enabled forced colors mode with the forced colors mode emulation color palette defined for the resulting value of emulated forced colors theme data. |
| 1531 | +</p> |
1674 | 1532 |
|
1675 | 1533 | <section id="forced-colors-properties"> |
1676 | 1534 | <h3 title="Properties Affected by Forced Colors Mode">3.1. 強制d色~modeに影響される~prop</h3> |
@@ -2358,6 +2216,162 @@ <h3 title="Emulate Forced Colors Mode">5.1. 強制d色~modeを模倣する</h3> |
2358 | 2216 | Return traversable’s associated emulated forced colors theme data. |
2359 | 2217 | </li> |
2360 | 2218 | </ol> |
| 2219 | +</div> |
| 2220 | + |
| 2221 | + </section> |
| 2222 | + <section id="forced-color-palettes"> |
| 2223 | +<h3 title="Forced Colors Mode Color Palettes">5.2. 強制d色~mode用の色~palette</h3> |
| 2224 | + |
| 2225 | +<p> |
| 2226 | +この文書は、[ |
| 2227 | +~UAを自動化する目的, ~appを~testする目的 |
| 2228 | +]で,以下に与える |
| 2229 | +`強制d色~mode用の模倣~色~palette@ |
| 2230 | +を定義する。 |
| 2231 | +◎ |
| 2232 | +For the purposes of user agent automation and application testing, this document defines the below forced colors mode emulation color palettes. |
| 2233 | +</p> |
| 2234 | + |
| 2235 | +<div> |
| 2236 | +<table> |
| 2237 | +<caption> |
| 2238 | +[ |
| 2239 | +`light$l / `dark$l |
| 2240 | +]用の`~system色$対応付け |
| 2241 | +— 空欄は、 |
| 2242 | +`system-color$t ~keywordの色を調整するベキでないことを表す。 |
| 2243 | +</caption> |
| 2244 | +<thead> |
| 2245 | +<tr><th>~keyword |
| 2246 | +<th>`light$l 用の値 |
| 2247 | +<th>`dark$l 用の値 |
| 2248 | +<tbody> |
| 2249 | + |
| 2250 | +<tr><td>`AccentColor$vS |
| 2251 | +<td>`#FFFFFF^vC |
| 2252 | +<td>`#000000^vC |
| 2253 | + |
| 2254 | +<tr><td>`AccentColorText$vS |
| 2255 | +<td>`#000000^vC |
| 2256 | +<td>`#FFFFFF^vC |
| 2257 | + |
| 2258 | +<tr><td>`ActiveText$vS |
| 2259 | +<td>`#00009F^vC |
| 2260 | +<td>`#FFFF00^vC |
| 2261 | + |
| 2262 | +<tr><td>`ButtonBorder$vS |
| 2263 | +<td>`#000000^vC |
| 2264 | +<td>`#000000^vC |
| 2265 | + |
| 2266 | +<tr><td>`ButtonFace$vS |
| 2267 | +<td>`#FFFFFF^vC |
| 2268 | +<td>`#000000^vC |
| 2269 | + |
| 2270 | +<tr><td>`ButtonText$vS |
| 2271 | +<td>`#000000^vC |
| 2272 | +<td>`#FFFFFF^vC |
| 2273 | + |
| 2274 | +<tr><td>`Canvas$vS |
| 2275 | +<td>`#FFFFFF^vC |
| 2276 | +<td>`#000000^vC |
| 2277 | + |
| 2278 | +<tr><td>`CanvasText$vS |
| 2279 | +<td>`#000000^vC |
| 2280 | +<td>`#FFFFFF^vC |
| 2281 | + |
| 2282 | +<tr><td>`Field$vS |
| 2283 | +<td>`#FFFFFF^vC |
| 2284 | +<td>`#000000^vC |
| 2285 | + |
| 2286 | +<tr><td>`FieldText$vS |
| 2287 | +<td>`#000000^vC |
| 2288 | +<td>`#FFFFFF^vC |
| 2289 | + |
| 2290 | +<tr><td>`GrayText$vS |
| 2291 | +<td>`#600000^vC |
| 2292 | +<td>`#3FF23F^vC |
| 2293 | + |
| 2294 | +<tr><td>`Highlight$vS |
| 2295 | +<td>`#37006E^vC |
| 2296 | +<td>`#1AEBFF^vC |
| 2297 | + |
| 2298 | +<tr><td>`HighlightText$vS |
| 2299 | +<td>`#FFFFFF^vC |
| 2300 | +<td>`#000000^vC |
| 2301 | + |
| 2302 | +<tr><td>`LinkText$vS |
| 2303 | +<td>`#00009F^vC |
| 2304 | +<td>`#FFFF00^vC |
| 2305 | + |
| 2306 | +<tr><td>`Mark$vS |
| 2307 | +<td> |
| 2308 | +<td> |
| 2309 | + |
| 2310 | +<tr><td>`MarkText$vS |
| 2311 | +<td> |
| 2312 | +<td> |
| 2313 | + |
| 2314 | +<tr><td>`SelectedItem$vS |
| 2315 | +<td>`#37006E^vC |
| 2316 | +<td>`#1AEBFF^vC |
| 2317 | + |
| 2318 | +<tr><td>`SelectedItemText$vS |
| 2319 | +<td>`#FFFFFF^vC |
| 2320 | +<td>`#000000^vC |
| 2321 | + |
| 2322 | +<tr><td>`VisitedText$vS |
| 2323 | +<td>`#00009F^vC |
| 2324 | +<td>`#FFFF00^vC |
| 2325 | + |
| 2326 | +</table> |
| 2327 | +◎ |
| 2328 | +System color mappings for "light" <system-color> |
| 2329 | +◎ |
| 2330 | +keyword Value |
| 2331 | +◎ |
| 2332 | +AccentColor|#FFFFFF |
| 2333 | +AccentColorText|#000000 |
| 2334 | +ActiveText|#00009F |
| 2335 | +ButtonBorder|#000000 |
| 2336 | +ButtonFace|#FFFFFF |
| 2337 | +ButtonText|#000000 |
| 2338 | +Canvas|#FFFFFF |
| 2339 | +CanvasText|#000000 |
| 2340 | +Field|#FFFFFF |
| 2341 | +FieldText|#000000 |
| 2342 | +GrayText|#600000 |
| 2343 | +Highlight|#37006E |
| 2344 | +HighlightText|#FFFFFF |
| 2345 | +LinkText|#00009F |
| 2346 | +Mark|N/A - this system color keyword should not be adjusted. |
| 2347 | +MarkText|N/A - this system color keyword should not be adjusted. |
| 2348 | +SelectedItem|#37006E |
| 2349 | +SelectedItemText|#FFFFFF |
| 2350 | +VisitedText|#00009F |
| 2351 | +◎ |
| 2352 | +System color mappings for "dark" <system-color> |
| 2353 | +◎ |
| 2354 | +keyword|Value |
| 2355 | +◎ |
| 2356 | +AccentColor|#000000 |
| 2357 | +AccentColorText|#FFFFFF |
| 2358 | +ActiveText|#FFFF00 |
| 2359 | +ButtonBorder|#000000 |
| 2360 | +ButtonFace|#000000 |
| 2361 | +ButtonText|#FFFFFF |
| 2362 | +Canvas|#000000 |
| 2363 | +CanvasText|#FFFFFF |
| 2364 | +Field|#000000 |
| 2365 | +FieldText|#FFFFFF |
| 2366 | +GrayText|#3FF23F |
| 2367 | +Highlight|#1AEBFF |
| 2368 | +HighlightText|#000000 |
| 2369 | +LinkText|#FFFF00 |
| 2370 | +Mark|N/A - this system color keyword should not be adjusted. |
| 2371 | +MarkText|N/A - this system color keyword should not be adjusted. |
| 2372 | +SelectedItem|#1AEBFF |
| 2373 | +SelectedItemText|#000000 |
| 2374 | +VisitedText|#FFFF00 |
2361 | 2375 | </div> |
2362 | 2376 |
|
2363 | 2377 | </section> |
@@ -2470,6 +2484,30 @@ <h2 title="Changes">変更点</h2> |
2470 | 2484 | ( `7007$issue ) |
2471 | 2485 | ◎ |
2472 | 2486 | Removed special handling of color() fallback system colors, since the feature was removed from [CSS-COLOR-4]. (Issue 7007) |
| 2487 | +</dd> |
| 2488 | + <dd> |
| 2489 | +`強制d色~mode$の~test法を改善するため、 |
| 2490 | +模倣~supportを追加した。 |
| 2491 | +( `11824$issue ) |
| 2492 | +◎ |
| 2493 | +Added emulation support for improved testing of forced colors mode. (Issue 11824) |
| 2494 | +</dd> |
| 2495 | + <dd> |
| 2496 | +`強制d色~mode$が適用される対象を[ |
| 2497 | +特定の既知な~propたち |
| 2498 | +]から より汎用~的に[ |
| 2499 | +すべての~propの `color$t 成分 |
| 2500 | +]へ更新した。 |
| 2501 | +それに伴い,それらの~propを注記へ移動した。 |
| 2502 | +( `11857$issue ) |
| 2503 | +◎ |
| 2504 | +Updated the properties that apply in forced colors mode to more generically apply to the <color> components of all properties, with specific known properties moved to a note. (Issue 11857) |
| 2505 | +</dd> |
| 2506 | + <dd> |
| 2507 | +`強制d色~mode$用の~font絵文字~fallback~logicを追加した。 |
| 2508 | +( `8064$issue ) |
| 2509 | +◎ |
| 2510 | +Added font emoji fallback logic for forced colors mode. (Issue 8064) |
2473 | 2511 | </dd> |
2474 | 2512 | </dl> |
2475 | 2513 |
|
|
0 commit comments