From 9f0695e25041746939c46b1532b1db6cbfd6d1d8 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 7 Mar 2021 11:45:17 +0100 Subject: Improved channel/etc list appearance, remove special color from notice messages --- theme.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) 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 { -- cgit v1.2.3-70-g09d2