Skip to content

Commit d37116f

Browse files
[css-color-adjust-1] Create section for forced colors mode emulation color palettes 他
Create section for forced colors mode emulation color palettes w3c/csswg-drafts@c62ae7b add recent fcm changes to changes section w3c/csswg-drafts@ca04a59
1 parent 0831cb2 commit d37116f

1 file changed

Lines changed: 191 additions & 153 deletions

File tree

css-color-adjust-ja.html

Lines changed: 191 additions & 153 deletions
Original file line numberDiff line numberDiff line change
@@ -131,8 +131,8 @@
131131
●●options
132132

133133
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
136136
source_checked:230828
137137
page_state_key:CSS
138138
original_url:https://drafts.csswg.org/css-color-adjust-1/
@@ -320,6 +320,7 @@
320320
模倣された強制d色~themeの~data:#emulated-forced-colors-theme-data
321321
模倣された強制d色~themeの~dataを設定する:#set-emulated-forced-colors-theme-data
322322
模倣された強制d色~themeの~dataを取得する:#get-emulated-forced-colors-theme-data
323+
強制d色~mode用の模倣~~palette:#forced-colors-mode-emulation-color-palettes
323324

324325
§:#forced
325326

@@ -1516,161 +1517,18 @@ <h2 title="Forced Color Palettes">3. 強制d色~palette</h2>
15161517
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 &lt; 33%) or light (L &gt; 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.
15171518
</p>
15181519

1519-
<div>
15201520
<p>
15211521
~UAは、
15221522
【`§ 模倣@#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-
&lt;system-color&gt; 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+
]かのように動作するベキである。
16491529
1650-
"dark"
1651-
• Act as if the user has enabled forced colors mode with the following color mappings:
1652-
1653-
&lt;system-color&gt; 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>
16741532

16751533
<section id="forced-colors-properties">
16761534
<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>
23582216
Return traversable’s associated emulated forced colors theme data.
23592217
</li>
23602218
</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" &lt;system-color&gt;
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" &lt;system-color&gt;
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
23612375
</div>
23622376

23632377
</section>
@@ -2470,6 +2484,30 @@ <h2 title="Changes">変更点</h2>
24702484
( `7007$issue )
24712485
24722486
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 &lt;color&gt; 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)
24732511
</dd>
24742512
</dl>
24752513

0 commit comments

Comments
 (0)