Semantic colors should not be transformed by color-filter
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-ignore-semantic.html
1 <!DOCTYPE html><!-- webkit-test-runner [ enableColorFilter=true ] -->
2 <html>
3     <head>
4         <title>CSS Test: Don't apply -apple-color-filter to semantic colors</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="-apple-color-filter-ignore-semantic-expected.html">
7
8         <style type="text/css">
9             .test
10             {
11                 width: 100px;
12                 height: 100px;
13                 margin: 10px;
14                 float: left;
15                 -apple-color-filter: invert();
16             }
17         </style>
18     </head>
19     <body>
20         <!--Filtered-->
21         <div class="test" style="background-color: rgb(255, 0, 0)"></div>
22         <div class="test" style="background-color: red"></div>
23         <!--Not filtered-->
24         <div class="test" style="background-color: text"></div>
25         <div class="test" style="background-color: highlight"></div>
26         <div class="test" style="background-color: window"></div>
27         <div class="test" style="background-color: -apple-system-text-background"></div>
28         <div class="test" style="background-color: -apple-system-header-text"></div>
29         <div class="test" style="background-color: -apple-system-alternate-selected"></div>
30         <div class="test" style="background-color: -apple-system-label"></div>
31         <div class="test" style="background-color: -apple-system-secondary-label"></div>
32         <div class="test" style="background-color: -apple-system-tertiary-label"></div>
33         <div class="test" style="background-color: -apple-system-quaternary-label"></div>
34         <div class="test" style="background-color: -apple-system-grid"></div>
35         <div class="test" style="background-color: -apple-system-blue-color"></div>
36         <div class="test" style="background-color: -apple-system-even-alternating-content-background"></div>
37         <div class="test" style="background-color: -apple-system-odd-alternating-content-background"></div>
38     </body>
39 </html>