Text WCAG 2.0

🥉 Passes AA for large text (above 18pt or bold above 14pt)

🥈 Passes AA level for any size text and AAA for large text (above 18pt or bold above 14pt)

🥇 Passes AAA level for any size text

Fails WCAG 2.0 :-(

User Interface W3C

🥈 Passes AA for thicker size (3px or more)

🥇 Passes AAA level for any size

Fails WCAG 2.0 :-(

Firefox Light Theme

Typography

Primary Text Grey 90 #0c0c0d 100%

Secondary Text Grey 50 #737373 100%

Inactive Text Grey 90 #0c0c0d 100% at 40%

Error Text Red 60 #d70022 100%

Warning Text Yellow 60 #d7b600 100%

Success Text Green 60 #12bc00 100%

Typography states

Hover Grey 90 #0c0c0d 10%

Pressed Grey 90 #0c0c0d 20%

Icons

Icons states

Links

Link Blue 60 #0060df 100%

Inactive Link Blue 60 #0060df 100% at 40%

Links states

Hover Link Blue 70 #003eaa 100%

Pressed Link Blue 80 #002275 100%

Buttons

Button
Button
Button
Button

Buttons states

Button
Button
Button
Button
Button
Button

Controls

Icon/Control Control/Background

Controls states

Icon/Control Control/Background

Icon/Control Control/Background

Text fields

Text fields states

Firefox Dark Theme

Typography

Primary Text Grey 10 #f9f9fa 100%

Secondary Text Grey 40 #b1b1b3 100%

Inactive Text Grey 10 #f9f9fa 100% at 40%

Error Text Red 50 #ff0039 100%

Warning Text Yellow 50 #ffe900 100%

Success Text Green 50 #30e60b 100%

Typography states

Hover Grey 10 #f9f9fa 10%

Pressed Grey 10 #f9f9fa 20%

Icons

Icons states

Links

Link Blue 40 #45a1ff 100%

??? Link Blue 40 #45a1ff 100% at 40%

Links states

??? Hover Link Blue 40 #45a1ff 100%

??? Pressed Link Blue 40 #45a1ff 100%

Buttons

Button
Button
Button
Button

Buttons states

Controls

Controls states

Text fields

Text fields states