Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(63)

Unified Diff: third_party/WebKit/LayoutTests/paint/high-contrast-mode/text-on-backgrounds.html

Issue 2878573003: Initial skeleton of high-contrast mode. (Closed)
Patch Set: Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/paint/high-contrast-mode/text-on-backgrounds.html
diff --git a/third_party/WebKit/LayoutTests/paint/high-contrast-mode/text-on-backgrounds.html b/third_party/WebKit/LayoutTests/paint/high-contrast-mode/text-on-backgrounds.html
new file mode 100644
index 0000000000000000000000000000000000000000..069dd5d2af8b5594fec2baafb9092fc5bdae09ff
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/paint/high-contrast-mode/text-on-backgrounds.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<script>
+ if (window.testRunner)
+ testRunner.dumpAsTextWithPixelResults();
+</script>
+<style>
+ .block {
+ font-family: Ahem;
+ font-size: 20px;
+ width: 200px;
+ height: 100px;
+ display: inline-block;
+ margin: 10px;
+ padding: 10px;
+ border: 1px solid #000;
+ }
+</style>
+<div>
+ <div class="block" style="color: #a00;">
+ Red on white
+ </div>
+ <div class="block" style="color: #0a0;">
+ Green on white
+ </div>
+ <div class="block" style="color: #00a;">
+ Blue on white
+ </div>
+</div>
+<div>
+ <div class="block" style="color: #f99; background-color: #000;">
+ Red on black
+ </div>
+ <div class="block" style="color: #9f9; background-color: #000;">
+ Green on black
+ </div>
+ <div class="block" style="color: #99f; background-color: #000;">
+ Blue on black
+ </div>
+</div>
+<div>
+ <div class="block" style="color: #000; background-color: #fdd;">
+ Black on red
+ </div>
+ <div class="block" style="color: #000; background-color: #dfd;">
+ Black on green
+ </div>
+ <div class="block" style="color: #000; background-color: #ddf;">
+ Black on blue
+ </div>
+</div>
+<div>
+ <div class="block" style="color: #fff; background-color: #600;">
+ White on red
+ </div>
+ <div class="block" style="color: #fff; background-color: #060;">
+ White on green
+ </div>
+ <div class="block" style="color: #fff; background-color: #006;">
+ White on blue
+ </div>
+</div>

Powered by Google App Engine
This is Rietveld 408576698