xtras/mathuaerknedam 158:3c49ecb1feaf: Color tweaks ensure consi...
commits at adium.im
commits at adium.im
Mon Nov 2 20:42:37 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/3c49ecb1feaf
revision: 158:3c49ecb1feaf
author: mathuaerknedam
date: Mon Nov 02 14:42:24 2009 -0600
Color tweaks ensure consistent and increased. yMous now meets or exceeds W3 minimum contrast standards (AA) for current message text regardless of variant. Still untested is message history, mention highlights. Failing is un-hovered status messages.
diffs (219 lines):
diff -r 9a3b5e73ad64 -r 3c49ecb1feaf yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Mon Nov 02 11:23:12 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Mon Nov 02 14:42:24 2009 -0600
@@ -15,12 +15,12 @@
.outgoing,
.outgoing.consecutive.message .x-sender:after
{
- color: hsla(120, 42%, 40%, .8) !important;
+ color: hsla(120, 42%, 25%, .8) !important;
}
.outgoing .x-mark
{
- color: hsla(120, 42%, 40%, .7) !important;
+ color: hsla(120, 42%, 25%, .7) !important;
}
.outgoing:hover,
@@ -32,7 +32,7 @@
.outgoing.x-hover .x-message,
.outgoing.x-hover.consecutive.message .x-sender:after
{
- color: hsla(120, 42%, 25%, 1) !important;
+ color: hsla(120, 42%, 24%, 1) !important;
}
/*----------*/
@@ -40,12 +40,12 @@
.incoming,
.incoming.consecutive.message .x-sender:after
{
- color: hsla(240, 72%, 55%, .8) !important;
+ color: hsla(240, 92%, 56%, .8) !important;
}
.incoming .x-mark
{
- color: hsla(240, 72%, 55%, .7) !important;
+ color: hsla(240, 92%, 56%, .7) !important;
}
.incoming:hover,
@@ -57,7 +57,7 @@
.incoming.x-hover .x-message,
.incoming.x-hover.consecutive.message .x-sender:after
{
- color: hsla(240, 72%, 40%, 1) !important;
+ color: hsla(240, 92%, 54%, 1) !important;
}
/*----------*/
@@ -65,13 +65,13 @@
.status,
.event
{
- color: hsla(0, 0%, 60%, .8) !important;
+ color: hsla(0, 0%, 59%, .8) !important;
}
.status .x-mark,
.event .x-mark
{
- color: hsla(0, 0%, 60%, .7) !important;
+ color: hsla(0, 0%, 59%, .7) !important;
}
.status:hover,
@@ -87,6 +87,6 @@
.event.x-hover .x-mark,
.event.x-hover .x-message
{
- color: hsla(0, 0%, 35%, 1) !important;
+ color: hsla(0, 0%, 30%, 1) !important;
}
diff -r 9a3b5e73ad64 -r 3c49ecb1feaf yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Mon Nov 02 11:23:12 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Mon Nov 02 14:42:24 2009 -0600
@@ -15,12 +15,12 @@
.outgoing,
.outgoing.consecutive.message .x-sender:after
{
- color: hsla(120, 42%, 45%, .8) !important;
+ color: hsla(120, 42%, 46%, .8) !important;
}
.outgoing .x-mark
{
- color: hsla(120, 42%, 45%, .7) !important;
+ color: hsla(120, 42%, 46%, .7) !important;
}
.outgoing:hover,
@@ -32,7 +32,7 @@
.outgoing.x-hover .x-message,
.outgoing.x-hover.consecutive.message .x-sender:after
{
- color: hsla(120, 42%, 70%, 1) !important;
+ color: hsla(120, 42%, 56%, 1) !important;
}
/*----------*/
@@ -40,12 +40,12 @@
.incoming,
.incoming.consecutive.message .x-sender:after
{
- color: hsla(240, 72%, 75%, .8) !important;
+ color: hsla(240, 92%, 79%, .8) !important;
}
.incoming .x-mark
{
- color: hsla(240, 72%, 75%, .7) !important;
+ color: hsla(240, 92%, 79%, .7) !important;
}
.incoming:hover,
@@ -57,7 +57,7 @@
.incoming.x-hover .x-message,
.incoming.x-hover.consecutive.message .x-sender:after
{
- color: hsla(240, 72%, 85%, 1) !important;
+ color: hsla(240, 92%, 81%, 1) !important;
}
/*----------*/
@@ -65,7 +65,7 @@
.status,
.event
{
- color: hsla(0, 0%, 40%, .8) !important;
+ color: hsla(0, 0%, 35%, .8) !important;
}
.status .x-mark,
@@ -87,6 +87,6 @@
.event.x-hover .x-mark,
.event.x-hover .x-message
{
- color: hsla(0, 0%, 75%, 1) !important;
+ color: hsla(0, 0%, 67%, 1) !important;
}
diff -r 9a3b5e73ad64 -r 3c49ecb1feaf yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Mon Nov 02 11:23:12 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Mon Nov 02 14:42:24 2009 -0600
@@ -4,7 +4,7 @@
.incoming,
.consecutive.message .x-sender:after
{
- color: hsla(0, 0%, 15%, .8);
+ color: hsla(0, 0%, 18%, .8);
}
.outgoing:hover,
@@ -22,7 +22,7 @@
.event,
.event .x-message
{
- color: hsla(0, 0%, 60%, .8);
+ color: hsla(0, 0%, 59%, .8);
}
.outgoing.message:not(.x-hover):not(:hover) .x-mark
@@ -57,7 +57,7 @@
.event.x-hover .x-mark,
.event.x-hover .x-message
{
- color: hsla(0, 0%, 25%, 1) !important;
+ color: hsla(0, 0%, 30%, 1) !important;
}
.history.status .x-mark,
diff -r 9a3b5e73ad64 -r 3c49ecb1feaf yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Mon Nov 02 11:23:12 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Mon Nov 02 14:42:24 2009 -0600
@@ -22,7 +22,7 @@
.event,
.event .x-message
{
- color: hsla(0, 0%, 40%, .8);
+ color: hsla(0, 0%, 35%, .8);
}
.outgoing.message:not(.x-hover):not(:hover) .x-mark
@@ -57,7 +57,7 @@
.event.x-hover .x-mark,
.event.x-hover .x-message
{
- color: hsla(0, 0%, 65%, 1) !important;
+ color: hsla(0, 0%, 67%, 1) !important;
}
.status.history .x-mark,
diff -r 9a3b5e73ad64 -r 3c49ecb1feaf yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Nov 02 11:23:12 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Nov 02 14:42:24 2009 -0600
@@ -10,19 +10,5 @@
contrast failures:
-saturnine
-green on black: at least up from 51 to 52 at least, best up to 67
-green on grey: best upped from 83 to 90
-grey on black: at least up from 31 to 35? best up to 46/59/66?
-grey on grey: best up from 75 to 84/91?
-
-blue on grey can go as low as 85 (currently 96)
-blue on grey can go as low as 71 (currently 75)
-
-mercurial:
-green on white: at least down from 65 to 64
-
-grey on white: at least from 68 to 58/46/35?
-grey on grey: at least from 35 to 30, best to 19/9
-
-
+history contrast is unchecked
+status un-hover contrast is 1/2 of smalltext AA (hover passes)
More information about the commits
mailing list