|
4 | 4 | <title>Protected Audience (formerly FLEDGE)</title>
|
5 | 5 | <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
|
6 | 6 | <link href="https://www.w3.org/StyleSheets/TR/2021/cg-draft" rel="stylesheet">
|
7 |
| - <meta content="Bikeshed version a1dabb26c, updated Mon Jun 17 15:00:44 2024 -0700" name="generator"> |
| 7 | + <meta content="Bikeshed version c3a8ac783, updated Wed Jul 24 12:20:06 2024 -0700" name="generator"> |
8 | 8 | <link href="https://wicg.github.io/turtledove/" rel="canonical">
|
9 |
| - <meta content="4417b491d38390581e43c71e5a91b0fdd55cb13d" name="revision"> |
| 9 | + <meta content="71ade673be5ff305b111d1fb8f53ea50881a58af" name="revision"> |
10 | 10 | <meta content="dark light" name="color-scheme">
|
11 | 11 | <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
|
12 | 12 | <style>
|
|
750 | 750 | 4 = lab(85,5,15)
|
751 | 751 | 5 = lab(85,-10,-50)
|
752 | 752 | 6 = lab(85,35,-15)
|
| 753 | + |
| 754 | +For darkmode: |
| 755 | +0 = oklab(50% 0% 108%) |
| 756 | +1 = oklab(50% -51% 51%) |
| 757 | +2 = oklab(50% -64% -20%) |
| 758 | +3 = oklab(50% 6% 19%) |
| 759 | +4 = oklab(50% -12% -64%) |
| 760 | +5 = oklab(50% 44% -19%) |
| 761 | +6 = oklab(50% 102% 38%) |
753 | 762 | */
|
| 763 | + |
754 | 764 | [data-algorithm] var { cursor: pointer; }
|
755 |
| -var[data-var-color="0"] { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; } |
756 |
| -var[data-var-color="1"] { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; } |
757 |
| -var[data-var-color="2"] { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; } |
758 |
| -var[data-var-color="3"] { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; } |
759 |
| -var[data-var-color="4"] { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; } |
760 |
| -var[data-var-color="5"] { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; } |
761 |
| -var[data-var-color="6"] { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; } |
| 765 | +var[data-var-color] { background-color: var(--var-bg); box-shadow: 0 0 0 2px var(--var-bg); } |
| 766 | + |
| 767 | +var[data-var-color] { --var-bg: #F4D200; } |
| 768 | +var[data-var-color="1"] { --var-bg: #FF87A2; } |
| 769 | +var[data-var-color="2"] { --var-bg: #96E885; } |
| 770 | +var[data-var-color="3"] { --var-bg: #3EEED2; } |
| 771 | +var[data-var-color="4"] { --var-bg: #EACFB6; } |
| 772 | +var[data-var-color="5"] { --var-bg: #82DDFF; } |
| 773 | +var[data-var-color="6"] { --var-vg: #FFBCF2; } |
| 774 | + |
| 775 | +@media (prefers-color-scheme: dark) { |
| 776 | + var[data-var-color] { --var-bg: #bc1a00; } |
| 777 | + var[data-var-color="1"] { --var-bg: #007f00; } |
| 778 | + var[data-var-color="2"] { --var-bg: #008698; } |
| 779 | + var[data-var-color="3"] { --var-bg: #7f5b2b; } |
| 780 | + var[data-var-color="4"] { --var-bg: #004df3; } |
| 781 | + var[data-var-color="5"] { --var-bg: #a1248a; } |
| 782 | + var[data-var-color="6"] { --var-vg: #ff0000; } |
| 783 | +} |
762 | 784 | </style>
|
763 | 785 | <body class="h-entry">
|
764 | 786 | <div class="head">
|
765 | 787 | <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
|
766 | 788 | <h1 class="p-name no-ref" id="title">Protected Audience (formerly FLEDGE)</h1>
|
767 |
| - <p id="w3c-state"><a href="https://www.w3.org/standards/types#CG-DRAFT">Draft Community Group Report</a>, <time class="dt-updated" datetime="2024-07-24">24 July 2024</time></p> |
| 789 | + <p id="w3c-state"><a href="https://www.w3.org/standards/types#CG-DRAFT">Draft Community Group Report</a>, <time class="dt-updated" datetime="2024-07-28">28 July 2024</time></p> |
768 | 790 | <div data-fill-with="spec-metadata">
|
769 | 791 | <dl>
|
770 | 792 | <dt>This version:
|
|
0 commit comments