diff --git a/doc/accessibility/ColorsDoc.vue b/doc/accessibility/ColorsDoc.vue index d8d8a8844..d4584513f 100644 --- a/doc/accessibility/ColorsDoc.vue +++ b/doc/accessibility/ColorsDoc.vue @@ -5,10 +5,10 @@

Color contrast between the background and the foreground content should be sufficient enough to ensure readability. Example below displays two cases with good and bad samples.

-
+
GOOD
-
+
BAD
@@ -17,7 +17,7 @@

Color vibration is leads to an illusion of motion due to choosing colors that have low visibility against each other. Color combinations need to be picked with caution to avoid vibration.

-
+
VIBRATE
@@ -26,11 +26,11 @@

Highly saturated colors should be avoided when used within a dark design scheme as they cause eye strain. Instead desaturated colors should be preferred.

-
+
Indigo 500
-
+
Indigo 200