Improved channel/etc list appearance, remove special color from notice messages

1 files changed, 51 insertions, 0 deletions

diff --git a/theme.css b/theme.css
index ccdcc15..ee11141 100644
--- a/theme.css
+++ b/theme.css
@@ -77,6 +77,9 @@
     --color--msg--self-fg:   var(--fg-lo);
     --color--msg--action-fg: var(--fg-hi);
 
+    --color--channels--title:  var(--fg-lo);
+    --color--channels--border: var(--obj);
+
     --color--cform--bg:      var(--obj-hi);
     --color--cform--fg:      var(--fg);
     --color--cform--nick-bg: var(--obj-lo);
@@ -512,6 +515,10 @@ textarea.input {
     padding:        var(--dim--container-lg--pad);
 }
 
+#chat .chat-view[data-type="special"] .messages {
+    display: block;
+}
+
 #chat .msg {
     display:               grid;
     align-self:            flex-start;
@@ -521,6 +528,13 @@ textarea.input {
     margin-top:            calc(var(--dim--spacing) * .5);
 }
 
+#chat .ban-list,
+#chat .channel-list,
+#chat .ignore-list,
+#chat .invite-list {
+    grid-area: content;
+}
+
 #chat .content,
 #chat .from,
 #chat .time {
@@ -618,6 +632,9 @@ textarea.input {
     font-size:        15px;
 }
 
+#chat .msg[data-type="notice"] .content,
+#chat .msg[data-type="notice"] .time,
+#chat .msg[data-type="notice"] .user,
 #chat .msg[data-type="away"] .content,
 #chat .msg[data-type="back"] .content,
 #chat .msg[data-type="condensed"] .content,
@@ -733,6 +750,40 @@ textarea.input {
     }
 }
 
+/* CHANNEL LIST */
+
+#chat table.ban-list,
+#chat table.channel-list,
+#chat table.ignore-list,
+#chat table.invite-list {
+    width:          100%;
+    margin:         0;
+    border-spacing: 0;
+}
+
+#chat table.ban-list td,
+#chat table.ban-list th,
+#chat table.channel-list td,
+#chat table.channel-list th,
+#chat table.ignore-list th,
+#chat table.invite-list td,
+#chat table.invite-list th {
+    padding:      var(--dim--container--pad);
+    border-color: var(--color--channels--border);
+}
+
+#chat .chat-view[data-type="special"] table th {
+    color: var(--color--channels--title);
+}
+
+#chat table.channel-list .channel {
+    width: 20%;
+}
+
+#chat table.channel-list .users {
+    text-align: right;
+}
+
 /* SCROLL DOWN BUTTON */
 
 .scroll-down {