summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-07 16:01:40 +0100
committerVolpeon <git@volpeon.ink>2021-03-07 16:01:40 +0100
commit7a792d6f0a577420fb6034a69507206ad1da1a1e (patch)
tree359a1f2b22f10eb24bc1f822d194a347e60a0537
parentImproved chat form appearance (diff)
downloadthelounge-theme-vulpes-7a792d6f0a577420fb6034a69507206ad1da1a1e.tar.gz
thelounge-theme-vulpes-7a792d6f0a577420fb6034a69507206ad1da1a1e.tar.bz2
thelounge-theme-vulpes-7a792d6f0a577420fb6034a69507206ad1da1a1e.zip
Minor appearance improvements/fixes
-rw-r--r--theme.css50
1 files changed, 39 insertions, 11 deletions
diff --git a/theme.css b/theme.css
index 78c3c90..99cdf43 100644
--- a/theme.css
+++ b/theme.css
@@ -62,6 +62,9 @@
62 --color--sidebar-btn--fg: var(--fg); 62 --color--sidebar-btn--fg: var(--fg);
63 --color--sidebar-btn--active-fg: var(--fg-lo); 63 --color--sidebar-btn--active-fg: var(--fg-lo);
64 64
65 --color--sidebar-badge--bg: var(--obj);
66 --color--sidebar-badge--fg: var(--fg-lo);
67
65 --color--header--bg: var(--obj-hi); 68 --color--header--bg: var(--obj-hi);
66 --color--header--fg: var(--fg); 69 --color--header--fg: var(--fg);
67 --color--header--title-fg: var(--fg-lo); 70 --color--header--title-fg: var(--fg-lo);
@@ -339,6 +342,23 @@ body {
339 box-shadow: -2px 0 #fff inset; 342 box-shadow: -2px 0 #fff inset;
340} 343}
341 344
345.channel-list-item.not-connected,
346.channel-list-item.parted-channel {
347 color: var(--color--red);
348}
349
350.channel-list-item.not-connected.active,
351.channel-list-item.not-connected:hover,
352.channel-list-item.parted-channel.active,
353.channel-list-item.parted-channel:hover {
354 color: var(--color--red);
355}
356
357.channel-list-item .badge {
358 background-color: var(--color--sidebar-badge--bg);
359 color: var(--color--sidebar-badge--fg);
360}
361
342#sidebar .network .collapse-network { 362#sidebar .network .collapse-network {
343 width: 14px; 363 width: 14px;
344 margin-right: 12px; 364 margin-right: 12px;
@@ -443,9 +463,8 @@ textarea.input {
443} 463}
444 464
445.header .title { 465.header .title {
446 color: var(--color--header--title-fg); 466 color: var(--color--header--title-fg);
447 font-size: 16px; 467 font-weight: bold;
448 font-weight: bold;
449} 468}
450 469
451#chat button.mentions, 470#chat button.mentions,
@@ -472,6 +491,12 @@ textarea.input {
472 margin-top: 0; 491 margin-top: 0;
473} 492}
474 493
494@media (max-width: 768px) {
495 .header .topic {
496 font-size: 14px;
497 }
498}
499
475/* CHAT GENERAL */ 500/* CHAT GENERAL */
476 501
477#chat .user { 502#chat .user {
@@ -566,10 +591,11 @@ textarea.input {
566} 591}
567 592
568#chat .from { 593#chat .from {
569 grid-area: user; 594 grid-area: user;
570 min-width: 1.2em; 595 min-width: 1.2rem;
571 text-align: left; 596 text-align: center;
572 mask-image: none; 597 -webkit-mask-image: none;
598 mask-image: none;
573} 599}
574 600
575#chat .time { 601#chat .time {
@@ -620,9 +646,7 @@ textarea.input {
620} 646}
621 647
622#chat .msg[data-type="condensed"] { 648#chat .msg[data-type="condensed"] {
623 display: flex; 649 display: block;
624 flex-direction: column;
625 width: 100%;
626} 650}
627 651
628#chat .msg[data-type="monospace_block"] { 652#chat .msg[data-type="monospace_block"] {
@@ -744,7 +768,7 @@ textarea.input {
744 768
745@media (max-width: 768px) { 769@media (max-width: 768px) {
746 #chat .msg[data-type="message"] { 770 #chat .msg[data-type="message"] {
747 max-width: none; 771 max-width: 90%;
748 } 772 }
749} 773}
750 774
@@ -833,6 +857,10 @@ textarea.input {
833 .public #form #nick { 857 .public #form #nick {
834 display: none; 858 display: none;
835 } 859 }
860
861 #form #input {
862 font-size: 14px;
863 }
836} 864}
837 865
838@media (max-width: 479px) { 866@media (max-width: 479px) {