1 files changed, 22 insertions, 44 deletions

diff --git a/theme.css b/theme.css
index 4b6fe1a..9e2b4f7 100644
--- a/theme.css
+++ b/theme.css
@@ -61,8 +61,9 @@
     --color--sidebar-btn--fg:        var(--fg);
     --color--sidebar-btn--active-fg: var(--fg-lo);
 
-    --color--header--bg:    var(--obj-hi);
-    --color--header--fg:    var(--fg);
+    --color--header--bg:       var(--obj-hi);
+    --color--header--fg:       var(--fg);
+    --color--header--title-fg: var(--fg-lo);
 
     --color--date-marker--fg:     var(--fg-hi);
     --color--date-marker--border: var(--obj);
@@ -131,46 +132,6 @@
     --button-color:           var(--color--yellow);
 }
 
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style: normal;
-    font-weight: 700;
-    src:
-        local("IBM Plex Sans Bold"),
-        local("IBMPlexSans-Bold"),
-        url("./IBMPlexSans-Bold.woff2") format("woff2");
-}
-
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style: italic;
-    font-weight: 700;
-    src:
-        local("IBM Plex Sans Bold Italic"),
-        local("IBMPlexSans-BoldItalic"),
-        url("./IBMPlexSans-BoldItalic.woff2") format("woff2");
-}
-
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style: italic;
-    font-weight: 400;
-    src:
-        local("IBM Plex Sans Italic"),
-        local("IBMPlexSans-Italic"),
-        url("./IBMPlexSans-Italic.woff2") format("woff2");
-}
-
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style: normal;
-    font-weight: 400;
-    src:
-        local("IBM Plex Sans"),
-        local("IBMPlexSans"),
-        url("./IBMPlexSans-Regular.woff2") format("woff2");
-}
-
 body {
     font-family:     IBM Plex Sans, -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial;
     scrollbar-color: var(--color--scrollbar--fg) var(--color--scrollbar--bg);
@@ -382,6 +343,10 @@ body {
     color: var(--color--input--ph-fg);
 }
 
+.header .topic-input {
+    border: 2px solid var(--button-color);
+}
+
 .input,
 #chat .userlist .search {
     height:      var(--dim--input--height);
@@ -463,10 +428,17 @@ textarea.input {
     box-shadow:       0 0 2rem rgba(0, 0, 0, .25);
 }
 
+.header .title {
+    color:        var(--color--header--title-fg);
+    font-size:    16px;
+    font-weight:  bold;
+}
+
 #chat button.mentions,
 #chat button.menu,
 #viewport .lt,
-#viewport .rt {
+#viewport .rt,
+.topic-container .save-topic span {
     color: var(--color--header--fg);
 }
 
@@ -564,6 +536,7 @@ textarea.input {
 
 #chat .from {
     grid-area:  user;
+    min-width:  1em;
     text-align: left;
     mask-image: none;
 }
@@ -580,7 +553,6 @@ textarea.input {
 }
 
 #chat .msg[data-type="message"] {
-    min-width:             12rem;
     max-width:             80%;
     grid-template-columns: auto 1fr;
     grid-template-areas:   "user time" "content content";
@@ -843,6 +815,12 @@ textarea.input {
     font-weight:   bold;
 }
 
+.mentions-popup > .mentions-popup-title + p {
+    margin:     0;
+    padding:    var(--dim--container--pad);
+    border-top: 1px solid var(--color--popup--border);
+}
+
 .mentions-popup .hide-all-mentions {
     font-size: 11px;
 }