Various style and bug fixes (#11)

* Don't apply text colour to tags or buttons

* Also replace the header logo

* Stop throwing errors if we're not on the chat page (room/user info etc)

* Fix styling on image upload buttons

* Fixes #13, which this PR introduced...

scss/chat.important.scss

@@ -92,6 +92,9 @@ div#starred-posts {
   background-color: #000;
   background-image: $bg-pattern;
   color: #ddd;
+  .wmd-mini-button {
+    color: #ddd;
+  }
 }
 
 body.outside #container,
@@ -177,6 +180,6 @@ body.moderator-room {
   display: none;
 }
 
-a {
+a:not(.button, .tag, .wmd-mini-button) {
   color: #38aff9;
 }

src/modules/CodeModeEditorModule.ts

@@ -41,6 +41,9 @@ export class CodeModeEditorModule {
   private select?: HTMLSelectElement;
   private btnSubmit = document.querySelector<HTMLButtonElement>('#sayit-button')!;
   public init() {
+    if(!this.input) {
+      return;
+    }
     this.codeMirror = CodeMirror(el => {
       el.hidden = true;
       this.input.insertAdjacentElement('beforebegin', el);

src/modules/EmojiTranslatorModule.ts

@@ -3,6 +3,9 @@ import { emojiData } from "../utils/emojiData";
 export class EmojiTranslatorModule {
   public init() {
     const input = document.getElementById("input") as HTMLTextAreaElement;
+    if(!input) {
+      return;
+    }
     input.addEventListener("keyup", event => {
       const { selectionStart, selectionEnd } = input;
       if (event.which !== 32) return;

src/modules/ThemeDomManipulationModule.ts

@@ -3,18 +3,20 @@ const DARK_THEME_SO_LOGO_BASE64 =
 
 export class ThemeDomManipulationModule {
   public init() {
-    const container = document.getElementById("footer-logo");
-    if (!container) {
-      return;
-    }
-    const link = container.querySelector<HTMLAnchorElement>("a");
-    const img = container.querySelector<HTMLImageElement>("img");
+    const containers = document.querySelectorAll<HTMLElement>("#footer-logo, #header-logo");
+    this.replaceLogos([...containers]);
+  }
+  private replaceLogos(containers: HTMLElement[]) {
+    for(const container of containers) {
+      const link = container.querySelector<HTMLAnchorElement>("a");
+      const img = container.querySelector<HTMLImageElement>("img");
 
-    if (!link || !img) {
-      return;
-    }
-    if (link.href.includes("stackoverflow")) {
-      img.src = DARK_THEME_SO_LOGO_BASE64;
+      if (!link || !img) {
+        return;
+      }
+      if (link.href.includes("stackoverflow")) {
+        img.src = DARK_THEME_SO_LOGO_BASE64;
+      }
     }
   }
 }