HipChat OS X Ver.3のUIに耐えられない人向けCSS

README

HipChat.app/Contents/Resources/chat.cssにパッチを適用すればOK。ご利用は計画的に。

chat.css.diff

--- chat.org.css	2014-09-05 14:54:58.000000000 +0900
+++ chat.css	2014-09-05 14:43:58.000000000 +0900
@@ -42,24 +42,9 @@
     border-collapse: collapse;
 }
 .chatBlock.them+.chatBlock.them, .scrollAnchor+.chatBlock.them, .preview+.chatBlock.them {
-    border-top: 1px solid #EFEFEF;
-}
-.chatBlock.them+.systemMessage.them {
-	border-top: none;
-}
-.chatBlock.me+.chatBlock.me, .preview+.chatBlock.me {
-    border-top: 1px solid #ffffff;
-}
-.systemMessage.red+.systemMessage.red,
-.systemMessage.green+.systemMessage.green,
-.systemMessage.purple+.systemMessage.purple,
-.systemMessage.gray+.systemMessage.gray {
-    border-top: 1px solid #FFFFFF;
+    border-top: 1px solid #eee;
 }

-.systemMessage.yellow+.systemMessage.yellow {
-	border-top: 1px solid #EAEAEA;
-}
 .chatBlock .messageWrapper {
     margin: 1px 10px 0 10px;
 }
@@ -73,7 +58,8 @@
 }

 .chatBlock td {
-    padding: 8px 0;
+    padding: 5px 0;
+    font-size: 12px !important;
 }

 .fileBlock .icon {
@@ -174,6 +160,8 @@
 }

 .nameBlock {
+    background-color: #f5f5f5;
+    border-right: 1px solid #ddd;
     vertical-align: top;
     text-align: right;
 }
@@ -184,6 +172,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-top: 1px;
+    font-weight: bold;
 }

 .nameBlock a {
@@ -221,19 +210,15 @@
     vertical-align: top;
     float: right;
     margin-top: 3px;
+    font-size: 11px !important;
 }

 .systemMessage, .systemMessage.yellow {
     background-color: #FFFBE7;
 }

-.systemMessage .nameBlock, .systemMessage.yellow .nameBlock {
-    border-top-color: #FFFAEA;
-    border-right-color: #FFFAEA;
-}
-
-.systemMessage .messageBlock {
-    margin-bottom: 4px;
+.systemMessage.yellow .nameBlock {
+    background-color: #FDECC6;
 }

 .systemMessage.red {
@@ -241,31 +226,23 @@
 }

 .systemMessage.red .nameBlock {
-    border-top-color: #FFF2F2;
+    background-color: #F4D0D0;
 }

 .systemMessage.gray {
     background-color: #F4F4F4;
 }

-.systemMessage.gray .nameBlock {
-    border-top-color: #f5f5f5;
-}
-
 .systemMessage.purple {
     background-color: #F2F4FD;
 }

-.systemMessage.purple .nameBlock {
-    border-top-color: #EEE8FC;
-}
-
 .systemMessage.green {
     background-color: #F5F8E6;
 }

 .systemMessage.green .nameBlock {
-    border-top-color: #FFFAEA;
+    background-color: #DFF3CD;
 }

 .welcomeMessage {
@@ -334,20 +311,14 @@
 }

 .dateDivider {
-    text-align: center;
-    height: 1px;
-    background-color: #e5e5e5;
-    margin: 30px 0;
-}
-
-.dateDivider span {
-	background-color: #fff;
-	font-size: 16px;
-	color: #333;
-	font-weight: normal;
-	position: relative;
-	top: -10px;
-	padding: 0 10px;
+  padding: 1px 0;
+  border-top: 1px double #ccc;
+  borddr-bottom: none;
+  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
+  text-align: center;
+  font-size: 10px !important;
+  font-weight: bold;
+  color: #666;
 }

 .xdateDivider:first-line {
@@ -472,4 +443,4 @@
     background-color: #dedede;
     text-align: center;
     display: none;
-}
\ No newline at end of file
+}