| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Forced colors mode - lighting-color, flood-color, stop-color system colors.</title> |
| <style> |
| svg { |
| forced-color-adjust: none; |
| height: 100px; |
| width: 500px; |
| } |
| </style> |
| <svg xmlns="http://www.w3.org/2000/svg"> |
| <linearGradient id="stop"> |
| <stop offset="25%" stop-color="GrayText"/> |
| <stop offset="75%" stop-color="LinkText"/> |
| </linearGradient> |
| <rect x="0" y="0" width="100" height="100" fill="url('#stop')"/> |
| |
| <filter id="lighting" x="0" y="0" width="100%" height="100%"> |
| <feDiffuseLighting in="SourceGraphic" lighting-color="LinkText"> |
| <fePointLight x="250" y="50" z="10"/> |
| </feDiffuseLighting> |
| </filter> |
| <rect x="200" y="0" width="100" height="100" style="filter: url(#lighting);"/> |
| |
| <filter id="flood" x="0" y="0" width="100%" height="100%"> |
| <feFlood flood-color="GrayText"/> |
| </filter> |
| <rect x="400" y="0" width="100" height="100" style="filter: url(#flood);"/> |
| </svg> |