xtras/mathuaerknedam 511:8b263a38d12e: yMous: make the historica...
commits at adium.im
commits at adium.im
Mon Jun 28 23:22:04 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/8b263a38d12e
revision: 511:8b263a38d12e
author: mathuaerknedam
date: Mon Jun 28 09:15:07 2010 -0500
yMous: make the historical backgrounds a bit darker in mercurial variants so that they don't look white when viewed on monitors that lose values within 5% of white. Also clean up redundant CSS.
diffs (429 lines):
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css Mon Jun 28 09:15:07 2010 -0500
@@ -23,7 +23,6 @@
display: table;
}
-
#insert .x-focus,
#insert .x-icon,
#insert .x-sender,
@@ -127,6 +126,17 @@
-webkit-transition: all .2s linear;
}
+.mention.consecutive:not(.action) .x-sender:after
+{
+ content: "\21e7";
+ margin-left: -2em;
+}
+
+.mention.consecutive.x-hover > .x-sender
+{
+ color: transparent !important;
+}
+
.actionMessageUserName
{
display: none;
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css Mon Jun 28 09:15:07 2010 -0500
@@ -2,7 +2,7 @@
body
{
- background-color: hsla(0, 0%, 75%, 1);
+ background-color: hsla(0, 0%, 70%, 1);
}
#Chat > div:first-of-type .x-mark,
@@ -50,23 +50,28 @@
border-top: 16px solid hsla(0, 0%, 90%, 1) !important;
}
-.mention.consecutive:not(.action) .x-sender:after
-{
- content: "\21e7";
- margin-left: -2em;
-}
-
-.mention.consecutive.x-hover > .x-sender
-{
- color: transparent !important;
-}
-
.x-focus,
.x-icon,
.x-sender,
-.x-time
+.x-time,
+.history .x-message,
+.history .x-mention,
+.history.status .x-mark,
+.history.event .x-mark
{
- background-color: hsla(0, 0%, 90%, 1);
+ background-color: hsla(0, 0%, 90%, 1) !important;
+}
+
+.status,
+.event
+{
+ color: hsla(0, 0%, 59%, 1) !important;
+}
+
+.status:hover,
+.event:hover
+{
+ color: hsla(0, 0%, 33%, 1) !important;
}
.status .x-mark,
@@ -75,20 +80,12 @@
background-color: hsla(0, 0%, 100%, 1) !important;
}
-.history.status .x-mark,
-.history.event .x-mark,
-.history .x-message,
-.history .x-mention
-{
- background-color: hsla(0, 0%, 95%, 1) !important;
-}
-
.history .x-focus,
.history .x-icon,
.history .x-sender,
.history .x-time
{
- background-color: hsla(0, 0%, 85%, 1) !important;
+ background-color: hsla(0, 0%, 80%, 1) !important;
}
.x-hover > .x-mark,
@@ -102,17 +99,22 @@
.history.x-hover > .x-message,
.history.x-hover:not(.mention) > .x-mention
{
- background-color: hsla(0, 0%, 85%, 1) !important;
+ background-color: hsla(0, 0%, 80%, 1) !important;
}
.focus .x-focus
{
- background: hsla(0, 0%, 18%, 1);
+ background: hsla(0, 0%, 18%, 1) !important;
}
.x-mark
{
- border-left-color: hsla(0, 0%, 75%, 1);
+ border-left-color: hsla(0, 0%, 80%, 1);
+}
+
+.history .x-mark
+{
+ border-left-color: hsla(0, 0%, 65%, 1);
}
.x-message,
@@ -123,7 +125,12 @@
.x-mention
{
- border-right-color: hsla(0, 0%, 75%, 1) !important;
+ border-right-color: hsla(0, 0%, 80%, 1) !important;
+}
+
+.history .x-mention
+{
+ border-right-color: hsla(0, 0%, 65%, 1) !important;
}
.message:not(.history):not(.consecutive) .x-mark,
@@ -137,7 +144,7 @@
.message.history:not(.consecutive) .x-message,
.message.history:not(.consecutive) .x-mention
{
- border-top: 1px solid hsla(0, 0%, 95%, 1);
+ border-top: 1px solid hsla(0, 0%, 90%, 1);
}
/*----------*/
@@ -149,9 +156,9 @@
#x-topic #x-wrap
{
- background-color: hsla(0, 0%, 80%, .85);
- border-bottom: 1px solid hsla(0, 0%, 75%, 1) !important;
- -webkit-box-shadow: 0px 1px 2px hsl(0, 0%, 0%, .2);
+ background-color: hsla(0, 0%, 85%, .85);
+ border-bottom: 1px solid hsl(0, 0%, 87%) !important;
+ -webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 0%, .2);
}
#x-topic .x-toggle
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css Mon Jun 28 09:15:07 2010 -0500
@@ -50,11 +50,6 @@
border-top: 16px solid hsla(0, 0%, 12.5%, 1) !important;
}
-.mention.consecutive.x-hover > .x-sender
-{
- color: transparent !important;
-}
-
.x-focus,
.x-icon,
.x-sender,
@@ -67,6 +62,18 @@
background-color: hsla(0, 0%, 12.5%, 1) !important;
}
+.status,
+.event
+{
+ color: hsla(0, 0%, 50%, 1) !important;
+}
+
+.status:hover,
+.event:hover
+{
+ color: hsla(0, 0%, 60%, 1) !important;
+}
+
.status .x-mark,
.event .x-mark
{
@@ -97,11 +104,16 @@
.focus .x-focus
{
- background: hsla(0, 0%, 83%, 1);
+ background: hsla(0, 0%, 83%, 1) !important;
}
.x-mark
{
+ border-left-color: hsla(0, 0%, 22%, 1);
+}
+
+.history .x-mark
+{
border-left-color: hsla(0, 0%, 27%, 1);
}
@@ -113,10 +125,14 @@
.x-mention
{
+ border-right-color: hsla(0, 0%, 22%, 1) !important;
+}
+
+.history .x-mention
+{
border-right-color: hsla(0, 0%, 27%, 1) !important;
}
-
.message:not(.history):not(.consecutive) .x-mark,
.message:not(.history):not(.consecutive) .x-message,
.message:not(.history):not(.consecutive) .x-mention
@@ -141,7 +157,7 @@
#x-topic #x-wrap
{
background-color: hsla(0, 0%, 22%, .85);
- border-bottom: 1px solid hsla(0, 0%, 27%, 1) !important;
+ border-bottom: 1px solid hsla(0, 0%, 20%, 1) !important;
-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2);
}
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css Mon Jun 28 09:15:07 2010 -0500
@@ -7,7 +7,7 @@
.history .x-mark
{
- background-color: hsla(0, 0%, 95%, 1) !important;
+ background-color: hsla(0, 0%, 90%, 1) !important;
}
/*----------*/
@@ -22,6 +22,7 @@
{
color: hsla(120, 42%, 25%, 1) !important;
}
+
.outgoing:hover,
.outgoing:hover .x-mark,
.outgoing:hover .x-message,
@@ -78,24 +79,14 @@
/*----------*/
-.status,
-.event
-{
- color: hsla(0, 0%, 59%, 1) !important;
-}
-
.status .x-mark,
.event .x-mark
{
color: hsla(0, 0%, 59%, 1) !important;
}
-.status:hover,
.status:hover .x-mark,
-.status:hover .x-message,
-.event:hover,
-.event:hover .x-mark,
-.event:hover .x-message
+.event:hover .x-mark
{
color: hsla(0, 0%, 33%, 1) !important;
}
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css Mon Jun 28 09:15:07 2010 -0500
@@ -79,24 +79,14 @@
/*----------*/
-.status,
-.event
-{
- color: hsla(0, 0%, 50%, 1) !important;
-}
-
.status .x-mark,
.event .x-mark
{
color: hsla(0, 0%, 50%, 1) !important;
}
-.status:hover,
.status:hover .x-mark,
-.status:hover .x-message,
-.event:hover,
-.event:hover .x-mark,
-.event:hover .x-message
+.event:hover .x-mark
{
color: hsla(0, 0%, 60%, 1) !important;
}
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css Mon Jun 28 09:15:07 2010 -0500
@@ -9,28 +9,21 @@
.outgoing:hover,
.incoming:hover,
-.consecutive.message:hover .x-sender:after,
.outgoing.x-hover,
.incoming.x-hover,
-.consecutive.message.x-hover .x-sender:after
+.consecutive.message:hover .x-sender:after,
+.consecutive.message.x-hover .x-sender:after,
+.outgoing.message .x-mark
{
- color: hsla(0, 0%, 0%, 1);
-}
-
-.status,
-.status .x-message,
-.event,
-.event .x-message
-{
- color: hsla(0, 0%, 59%, 1);
+ color: hsla(0, 0%, 0%, 1) !important;
}
.outgoing.message:not(.x-hover) .x-mark
{
background-color: hsla(0, 0%, 0%, 1) !important;
- color: hsla(0, 0%, 0%, 1) !important;
}
+.outgoing.message:not(.x-hover) .x-mark
.outgoing.message.x-hover .x-mark
{
color: hsla(0, 0%, 0%, 1) !important;
@@ -45,19 +38,10 @@
.status.history .x-mark,
.event.history .x-mark
{
- color: hsla(0, 0%, 95%, 1) !important;
-}
-
-.status:hover,
-.status:hover .x-message,
-.event:hover,
-.event:hover .x-message
-{
- color: hsla(0, 0%, 26%, 1) !important;
+ color: hsla(0, 0%, 90%, 1) !important;
}
.mention > .x-mention
{
background: transparent !important;
}
-
diff -r dbabd5e50895 -r 8b263a38d12e yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css Mon Jun 21 16:29:19 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css Mon Jun 28 09:15:07 2010 -0500
@@ -9,28 +9,21 @@
.outgoing:hover,
.incoming:hover,
-.consecutive.message:hover .x-sender:after,
.outgoing.x-hover,
.incoming.x-hover,
-.consecutive.message.x-hover .x-sender:after
+.consecutive.message:hover .x-sender:after,
+.consecutive.message.x-hover .x-sender:after,
+.outgoing.message .x-mark
{
- color: hsla(0, 0%, 100%, 1);
-}
-
-.status,
-.status .x-message,
-.event,
-.event .x-message
-{
- color: hsla(0, 0%, 50%, 1);
+ color: hsla(0, 0%, 100%, 1) !important;
}
.outgoing.message:not(.x-hover) .x-mark
{
background-color: hsla(0, 0%, 100%, 1) !important;
- color: hsla(0, 0%, 100%, 1) !important;
}
+.outgoing.message:not(.x-hover) .x-mark
.outgoing.message.x-hover .x-mark
{
color: hsla(0, 0%, 100%, 1) !important;
@@ -48,14 +41,6 @@
color: hsla(0, 0%, 12.5%, 1) !important;
}
-.status:hover,
-.status:hover .x-message,
-.event:hover,
-.event:hover .x-message
-{
- color: hsla(0, 0%, 67%, 1) !important;
-}
-
.mention > .x-mention
{
background: transparent !important;
More information about the commits
mailing list