Update theme for compatibility with thelounge v4.1.0

README.md

@@ -1,11 +1,17 @@
 <h1 align="center">
 	Dracula for TheLounge
 </h1>
-
+<div align="center">
+![npm](https://img.shields.io/npm/v/thelounge-theme-dracula?color=green)
+![npm](https://img.shields.io/npm/dt/thelounge-theme-dracula)
+</div>
 <h4 align="center">
-	A dark theme for thelounge based on <a href="https://github.com/dracula/dracula-theme">dracula/dracula-theme</a> with a thing for purple.
+	A dark theme for thelounge based on <a href="https://github.com/dracula/dracula-theme">dracula/dracula-theme</a>
 </h4>
 
+# Install
+To install in thelounge run the following command: `thelounge install
+thelounge-theme-dracula`
 
 # Issues
 This theme is not perfect, it is still a work in progress. Feel free to submit issues [here](https://github.com/SpaceLenore/thelounge-theme-dracula/issues).

dracula_theme.css

@@ -66,6 +66,11 @@ html {
     height: 35px;
 }
 
+.jump-to-input .input {
+    background-color: var(--highlight-bg-color);
+    border: 1px solid var(--body-color-muted);
+}
+
 i.hostmask {
     font-size: 90%;
     font-style: normal;
@@ -83,6 +88,11 @@ kbd {
     text-shadow: none;
 }
 
+.channel-list-item.active,
+#footer button.active {
+    background-color: var(--body-color-muted);
+}
+
 #chat .count::before,
 #form #submit,
 #form #upload,
@@ -92,6 +102,15 @@ kbd {
     color: var(--body-color);
 }
 
+#chat .msg[data-type="join"] .from::before {
+    color: var(--unread-marker-color);
+}
+
+#chat .msg[data-type="part"] .from:before,
+#chat .msg[data-type="quit"] .from:before {
+    color: var(--background-error);
+}
+
 #context-menu,
 .textcomplete-menu {
     background-color: var(--window-bg-color);
@@ -119,7 +138,7 @@ body {
 
 #form,
 #viewport .lt::after,
-#windows #chat .header,
+#chat .header,
 #chat .content,
 #chat .userlist {
     border-color: var(--background-light-color);
@@ -135,7 +154,7 @@ body {
     color: var(--highlight-color);
 }
 
-#chat .msg.message.self .content {
+#chat .msg.self .content {
     color: var(--body-color);
 }
 
@@ -163,6 +182,11 @@ body {
     background-color: inherit;
 }
 
+.input {
+    background-color: var(--background-light-color);
+    color:var(--body-color);
+}
+
 /* Hide close button on channels, it is not used that frequently */
 #sidebar .chan.channel .close {
     display: none;
@@ -254,7 +278,7 @@ body {
     color: #bd93f9;
 }
 
-#chat .msg.motd .text,
+#chat .msg[data-type="motd"] .text,
 #chat .toggle-content {
     background-color: var(--background-light-color);
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "thelounge-theme-dracula",
   "description": "Dracula theme for thelounge",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "keywords": [
     "thelounge",
     "thelounge-theme"