diff --git a/no-vary-search.html b/no-vary-search.html index c1b2e59..fed91bf 100644 --- a/no-vary-search.html +++ b/no-vary-search.html @@ -4,7 +4,7 @@ No-Vary-Search - + @@ -713,21 +713,43 @@ 4 = lab(85,5,15) 5 = lab(85,-10,-50) 6 = lab(85,35,-15) + +For darkmode: +0 = oklab(50% 0% 108%) +1 = oklab(50% -51% 51%) +2 = oklab(50% -64% -20%) +3 = oklab(50% 6% 19%) +4 = oklab(50% -12% -64%) +5 = oklab(50% 44% -19%) +6 = oklab(50% 102% 38%) */ + [data-algorithm] var { cursor: pointer; } -var[data-var-color="0"] { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; } -var[data-var-color="1"] { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; } -var[data-var-color="2"] { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; } -var[data-var-color="3"] { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; } -var[data-var-color="4"] { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; } -var[data-var-color="5"] { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; } -var[data-var-color="6"] { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; } +var[data-var-color] { background-color: var(--var-bg); box-shadow: 0 0 0 2px var(--var-bg); } + +var[data-var-color] { --var-bg: #F4D200; } +var[data-var-color="1"] { --var-bg: #FF87A2; } +var[data-var-color="2"] { --var-bg: #96E885; } +var[data-var-color="3"] { --var-bg: #3EEED2; } +var[data-var-color="4"] { --var-bg: #EACFB6; } +var[data-var-color="5"] { --var-bg: #82DDFF; } +var[data-var-color="6"] { --var-vg: #FFBCF2; } + +@media (prefers-color-scheme: dark) { + var[data-var-color] { --var-bg: #bc1a00; } + var[data-var-color="1"] { --var-bg: #007f00; } + var[data-var-color="2"] { --var-bg: #008698; } + var[data-var-color="3"] { --var-bg: #7f5b2b; } + var[data-var-color="4"] { --var-bg: #004df3; } + var[data-var-color="5"] { --var-bg: #a1248a; } + var[data-var-color="6"] { --var-vg: #ff0000; } +}

No-Vary-Search

-

Draft Community Group Report,

+

Draft Community Group Report,

This version: diff --git a/prefetch.html b/prefetch.html index 589e7aa..68811dd 100644 --- a/prefetch.html +++ b/prefetch.html @@ -4,7 +4,7 @@ Prefetch - + @@ -574,21 +574,43 @@ 4 = lab(85,5,15) 5 = lab(85,-10,-50) 6 = lab(85,35,-15) + +For darkmode: +0 = oklab(50% 0% 108%) +1 = oklab(50% -51% 51%) +2 = oklab(50% -64% -20%) +3 = oklab(50% 6% 19%) +4 = oklab(50% -12% -64%) +5 = oklab(50% 44% -19%) +6 = oklab(50% 102% 38%) */ + [data-algorithm] var { cursor: pointer; } -var[data-var-color="0"] { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; } -var[data-var-color="1"] { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; } -var[data-var-color="2"] { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; } -var[data-var-color="3"] { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; } -var[data-var-color="4"] { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; } -var[data-var-color="5"] { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; } -var[data-var-color="6"] { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; } +var[data-var-color] { background-color: var(--var-bg); box-shadow: 0 0 0 2px var(--var-bg); } + +var[data-var-color] { --var-bg: #F4D200; } +var[data-var-color="1"] { --var-bg: #FF87A2; } +var[data-var-color="2"] { --var-bg: #96E885; } +var[data-var-color="3"] { --var-bg: #3EEED2; } +var[data-var-color="4"] { --var-bg: #EACFB6; } +var[data-var-color="5"] { --var-bg: #82DDFF; } +var[data-var-color="6"] { --var-vg: #FFBCF2; } + +@media (prefers-color-scheme: dark) { + var[data-var-color] { --var-bg: #bc1a00; } + var[data-var-color="1"] { --var-bg: #007f00; } + var[data-var-color="2"] { --var-bg: #008698; } + var[data-var-color="3"] { --var-bg: #7f5b2b; } + var[data-var-color="4"] { --var-bg: #004df3; } + var[data-var-color="5"] { --var-bg: #a1248a; } + var[data-var-color="6"] { --var-vg: #ff0000; } +}

Prefetch

-

Draft Community Group Report,

+

Draft Community Group Report,

This version: diff --git a/prerendering.html b/prerendering.html index ee86546..e6649ef 100644 --- a/prerendering.html +++ b/prerendering.html @@ -4,7 +4,7 @@ Prerendering Revamped - + @@ -737,21 +737,43 @@ 4 = lab(85,5,15) 5 = lab(85,-10,-50) 6 = lab(85,35,-15) + +For darkmode: +0 = oklab(50% 0% 108%) +1 = oklab(50% -51% 51%) +2 = oklab(50% -64% -20%) +3 = oklab(50% 6% 19%) +4 = oklab(50% -12% -64%) +5 = oklab(50% 44% -19%) +6 = oklab(50% 102% 38%) */ + [data-algorithm] var { cursor: pointer; } -var[data-var-color="0"] { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; } -var[data-var-color="1"] { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; } -var[data-var-color="2"] { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; } -var[data-var-color="3"] { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; } -var[data-var-color="4"] { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; } -var[data-var-color="5"] { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; } -var[data-var-color="6"] { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; } +var[data-var-color] { background-color: var(--var-bg); box-shadow: 0 0 0 2px var(--var-bg); } + +var[data-var-color] { --var-bg: #F4D200; } +var[data-var-color="1"] { --var-bg: #FF87A2; } +var[data-var-color="2"] { --var-bg: #96E885; } +var[data-var-color="3"] { --var-bg: #3EEED2; } +var[data-var-color="4"] { --var-bg: #EACFB6; } +var[data-var-color="5"] { --var-bg: #82DDFF; } +var[data-var-color="6"] { --var-vg: #FFBCF2; } + +@media (prefers-color-scheme: dark) { + var[data-var-color] { --var-bg: #bc1a00; } + var[data-var-color="1"] { --var-bg: #007f00; } + var[data-var-color="2"] { --var-bg: #008698; } + var[data-var-color="3"] { --var-bg: #7f5b2b; } + var[data-var-color="4"] { --var-bg: #004df3; } + var[data-var-color="5"] { --var-bg: #a1248a; } + var[data-var-color="6"] { --var-vg: #ff0000; } +}

Prerendering Revamped

-

Draft Community Group Report,

+

Draft Community Group Report,

This version: @@ -1886,7 +1908,7 @@

current realm
  • - [ENCRYPTED-MEDIA] defines the following terms: + [ENCRYPTED-MEDIA-2] defines the following terms:
    • requestMediaKeySystemAccess()
    @@ -2115,7 +2137,7 @@

    requestPermission()
  • - [PAYMENT-REQUEST-1.1] defines the following terms: + [PAYMENT-REQUEST] defines the following terms:
    • show()
    @@ -2323,8 +2345,8 @@

    N
    Nina Satragno; Marcos Caceres. Credential Management Level 1. URL: https://w3c.github.io/webappsec-credential-management/
    [DOM]
    Anne van Kesteren. DOM Standard. Living Standard. URL: https://dom.spec.whatwg.org/ -
    [ENCRYPTED-MEDIA] -
    David Dorwin; et al. Encrypted Media Extensions. URL: https://w3c.github.io/encrypted-media/ +
    [ENCRYPTED-MEDIA-2] +
    Joey Parrish; Greg Freedman. Encrypted Media Extensions. URL: https://w3c.github.io/encrypted-media/
    [FETCH]
    Anne van Kesteren. Fetch Standard. Living Standard. URL: https://fetch.spec.whatwg.org/
    [FILE-SYSTEM-ACCESS] @@ -2353,8 +2375,8 @@

    N
    Yoav Weiss; Noam Rosenthal. Navigation Timing Level 2. URL: https://w3c.github.io/navigation-timing/
    [NOTIFICATIONS]
    Anne van Kesteren. Notifications API Standard. Living Standard. URL: https://notifications.spec.whatwg.org/ -
    [PAYMENT-REQUEST-1.1] -
    Marcos Caceres; Rouslan Solomakhin; Ian Jacobs. Payment Request API 1.1. URL: https://w3c.github.io/payment-request/ +
    [PAYMENT-REQUEST] +
    Marcos Caceres; Rouslan Solomakhin; Ian Jacobs. Payment Request API. URL: https://w3c.github.io/payment-request/
    [PICTURE-IN-PICTURE]
    Francois Beaufort. Picture-in-Picture. URL: https://w3c.github.io/picture-in-picture/
    [POINTERLOCK-2] @@ -2412,8 +2434,6 @@

    No-Vary-Search. Draft Community Group Report. URL: https://wicg.github.io/nav-speculation/no-vary-search.html -
    [PAYMENT-REQUEST] -
    Marcos Caceres; Rouslan Solomakhin; Ian Jacobs. Payment Request API. URL: https://w3c.github.io/payment-request/
    [POINTERLOCK]
    Vincent Scheib. Pointer Lock. URL: https://w3c.github.io/pointerlock/

    • @@ -3496,7 +3516,7 @@

    Speculation Rules - + @@ -605,21 +605,43 @@ 4 = lab(85,5,15) 5 = lab(85,-10,-50) 6 = lab(85,35,-15) + +For darkmode: +0 = oklab(50% 0% 108%) +1 = oklab(50% -51% 51%) +2 = oklab(50% -64% -20%) +3 = oklab(50% 6% 19%) +4 = oklab(50% -12% -64%) +5 = oklab(50% 44% -19%) +6 = oklab(50% 102% 38%) */ + [data-algorithm] var { cursor: pointer; } -var[data-var-color="0"] { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; } -var[data-var-color="1"] { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; } -var[data-var-color="2"] { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; } -var[data-var-color="3"] { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; } -var[data-var-color="4"] { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; } -var[data-var-color="5"] { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; } -var[data-var-color="6"] { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; } +var[data-var-color] { background-color: var(--var-bg); box-shadow: 0 0 0 2px var(--var-bg); } + +var[data-var-color] { --var-bg: #F4D200; } +var[data-var-color="1"] { --var-bg: #FF87A2; } +var[data-var-color="2"] { --var-bg: #96E885; } +var[data-var-color="3"] { --var-bg: #3EEED2; } +var[data-var-color="4"] { --var-bg: #EACFB6; } +var[data-var-color="5"] { --var-bg: #82DDFF; } +var[data-var-color="6"] { --var-vg: #FFBCF2; } + +@media (prefers-color-scheme: dark) { + var[data-var-color] { --var-bg: #bc1a00; } + var[data-var-color="1"] { --var-bg: #007f00; } + var[data-var-color="2"] { --var-bg: #008698; } + var[data-var-color="3"] { --var-bg: #7f5b2b; } + var[data-var-color="4"] { --var-bg: #004df3; } + var[data-var-color="5"] { --var-bg: #a1248a; } + var[data-var-color="6"] { --var-vg: #ff0000; } +}

    Speculation Rules

    -

    Draft Community Group Report,

    +

    Draft Community Group Report,

    This version: