Added some dark mode versions for new icons.

96 files changed, 401 insertions, 94 deletions

diff --git a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin.png b/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin.png
deleted file mode 100644
index 91b3207..0000000
--- a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@2x.png b/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@2x.png
deleted file mode 100644
index 4d29c13..0000000
--- a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@2x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@3x.png b/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@3x.png
deleted file mode 100644
index 9c18c0c..0000000
--- a/Hotline/Assets.xcassets/Account Admin.imageset/Account Admin@3x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Admin.imageset/Contents.json b/Hotline/Assets.xcassets/Account Admin.imageset/Contents.json
deleted file mode 100644
index c07952d..0000000
--- a/Hotline/Assets.xcassets/Account Admin.imageset/Contents.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "filename" : "Account Admin.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
-    {
-      "filename" : "Account Admin@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "filename" : "Account Admin@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
diff --git a/Hotline/Assets.xcassets/Account Default.imageset/Account Default.png b/Hotline/Assets.xcassets/Account Default.imageset/Account Default.png
deleted file mode 100644
index 16505a3..0000000
--- a/Hotline/Assets.xcassets/Account Default.imageset/Account Default.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Default.imageset/Account Default@2x.png b/Hotline/Assets.xcassets/Account Default.imageset/Account Default@2x.png
deleted file mode 100644
index cd6aaac..0000000
--- a/Hotline/Assets.xcassets/Account Default.imageset/Account Default@2x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Default.imageset/Account Default@3x.png b/Hotline/Assets.xcassets/Account Default.imageset/Account Default@3x.png
deleted file mode 100644
index 7a9b898..0000000
--- a/Hotline/Assets.xcassets/Account Default.imageset/Account Default@3x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Default.imageset/Contents.json b/Hotline/Assets.xcassets/Account Default.imageset/Contents.json
deleted file mode 100644
index 024f924..0000000
--- a/Hotline/Assets.xcassets/Account Default.imageset/Contents.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "filename" : "Account Default.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
-    {
-      "filename" : "Account Default@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "filename" : "Account Default@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
diff --git a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty.png b/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty.png
deleted file mode 100644
index 23216e0..0000000
--- a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@2x.png b/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@2x.png
deleted file mode 100644
index ab37f9e..0000000
--- a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@2x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@3x.png b/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@3x.png
deleted file mode 100644
index 5648140..0000000
--- a/Hotline/Assets.xcassets/Account Empty.imageset/Account Empty@3x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Empty.imageset/Contents.json b/Hotline/Assets.xcassets/Account Empty.imageset/Contents.json
deleted file mode 100644
index b4aabb1..0000000
--- a/Hotline/Assets.xcassets/Account Empty.imageset/Contents.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "filename" : "Account Empty.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
-    {
-      "filename" : "Account Empty@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "filename" : "Account Empty@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
diff --git a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved.png b/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved.png
deleted file mode 100644
index b0c3697..0000000
--- a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@2x.png b/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@2x.png
deleted file mode 100644
index 16a7e81..0000000
--- a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@2x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@3x.png b/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@3x.png
deleted file mode 100644
index d703022..0000000
--- a/Hotline/Assets.xcassets/Account Unsaved.imageset/Account Unsaved@3x.png
+++ /dev/null
diff --git a/Hotline/Assets.xcassets/Account Unsaved.imageset/Contents.json b/Hotline/Assets.xcassets/Account Unsaved.imageset/Contents.json
deleted file mode 100644
index 907d263..0000000
--- a/Hotline/Assets.xcassets/Account Unsaved.imageset/Contents.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "filename" : "Account Unsaved.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
-    {
-      "filename" : "Account Unsaved@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "filename" : "Account Unsaved@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
diff --git a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box.png b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box.png
index 9905d7c..6d97a4c 100644
--- a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box.png
+++ b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box.png
diff --git a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@2x.png b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@2x.png
index ad82349..166d731 100644
--- a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@2x.png
+++ b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@2x.png
diff --git a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@3x.png b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@3x.png
index b80f711..cc6d0e1 100644
--- a/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@3x.png
+++ b/Hotline/Assets.xcassets/Admin Drop Box.imageset/Admin Drop Box@3x.png
diff --git a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box.png b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box.png
index 09bf921..c5b4107 100644
--- a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box.png
+++ b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box.png
diff --git a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@2x.png b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@2x.png
index 6571289..de4131c 100644
--- a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@2x.png
+++ b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@2x.png
diff --git a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@3x.png b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@3x.png
index 9d7e747..061e030 100644
--- a/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@3x.png
+++ b/Hotline/Assets.xcassets/Drop Box.imageset/Drop Box@3x.png
diff --git a/Hotline/Assets.xcassets/Folder.imageset/Folder.png b/Hotline/Assets.xcassets/Folder.imageset/Folder.png
index 381061c..fb5f100 100644
--- a/Hotline/Assets.xcassets/Folder.imageset/Folder.png
+++ b/Hotline/Assets.xcassets/Folder.imageset/Folder.png
diff --git a/Hotline/Assets.xcassets/Folder.imageset/Folder@2x.png b/Hotline/Assets.xcassets/Folder.imageset/Folder@2x.png
index df1c58d..60457d3 100644
--- a/Hotline/Assets.xcassets/Folder.imageset/Folder@2x.png
+++ b/Hotline/Assets.xcassets/Folder.imageset/Folder@2x.png
diff --git a/Hotline/Assets.xcassets/Folder.imageset/Folder@3x.png b/Hotline/Assets.xcassets/Folder.imageset/Folder@3x.png
index 10fe0e9..3c7fdc7 100644
--- a/Hotline/Assets.xcassets/Folder.imageset/Folder@3x.png
+++ b/Hotline/Assets.xcassets/Folder.imageset/Folder@3x.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/Contents.json b/Hotline/Assets.xcassets/News Bundle.imageset/Contents.json
index 4c19d5a..da3e123 100644
--- a/Hotline/Assets.xcassets/News Bundle.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Bundle Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "News Bundle@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Bundle Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "News Bundle@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Bundle Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark.png
new file mode 100644
index 0000000..5e39ac1
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@2x.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@2x.png
new file mode 100644
index 0000000..1074b19
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@2x.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@3x.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@3x.png
new file mode 100644
index 0000000..0fccc49
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle Dark@3x.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle.png
index eec1604..b620520 100644
--- a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle.png
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@2x.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@2x.png
index f37924c..bc82a49 100644
--- a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@2x.png
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@2x.png
diff --git a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@3x.png b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@3x.png
index dc8b6df..d8d112f 100644
--- a/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@3x.png
+++ b/Hotline/Assets.xcassets/News Bundle.imageset/News Bundle@3x.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/Contents.json b/Hotline/Assets.xcassets/News Category.imageset/Contents.json
index ee9c6aa..c636999 100644
--- a/Hotline/Assets.xcassets/News Category.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/News Category.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Category Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "News Category@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Category Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "News Category@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "News Category Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category Dark.png b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark.png
new file mode 100644
index 0000000..f899cf8
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@2x.png b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@2x.png
new file mode 100644
index 0000000..8994c91
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@2x.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@3x.png b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@3x.png
new file mode 100644
index 0000000..2424dbf
--- /dev/null
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category Dark@3x.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category.png b/Hotline/Assets.xcassets/News Category.imageset/News Category.png
index 2d21b2e..792a6ab 100644
--- a/Hotline/Assets.xcassets/News Category.imageset/News Category.png
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category@2x.png b/Hotline/Assets.xcassets/News Category.imageset/News Category@2x.png
index db98b49..3f45c9d 100644
--- a/Hotline/Assets.xcassets/News Category.imageset/News Category@2x.png
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category@2x.png
diff --git a/Hotline/Assets.xcassets/News Category.imageset/News Category@3x.png b/Hotline/Assets.xcassets/News Category.imageset/News Category@3x.png
index f0b8850..302e074 100644
--- a/Hotline/Assets.xcassets/News Category.imageset/News Category@3x.png
+++ b/Hotline/Assets.xcassets/News Category.imageset/News Category@3x.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Contents.json b/Hotline/Assets.xcassets/Section Board.imageset/Contents.json
index 65b1d04..1cf1aeb 100644
--- a/Hotline/Assets.xcassets/Section Board.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Board Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Board@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Board@2x 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Board@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Board Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark.png
new file mode 100644
index 0000000..c5e4c4c
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark@3x.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark@3x.png
new file mode 100644
index 0000000..3ed004a
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board.png
index b04621b..c44c0b8 100644
--- a/Hotline/Assets.xcassets/Section Board.imageset/Section Board.png
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x 1.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x 1.png
new file mode 100644
index 0000000..097c66a
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x 1.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x.png
index 225ad88..097c66a 100644
--- a/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x.png
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@2x.png
diff --git a/Hotline/Assets.xcassets/Section Board.imageset/Section Board@3x.png b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@3x.png
index f07f136..770fe5f 100644
--- a/Hotline/Assets.xcassets/Section Board.imageset/Section Board@3x.png
+++ b/Hotline/Assets.xcassets/Section Board.imageset/Section Board@3x.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Contents.json b/Hotline/Assets.xcassets/Section Chat.imageset/Contents.json
index 44d86bd..086f24a 100644
--- a/Hotline/Assets.xcassets/Section Chat.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Chat Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Chat@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Chat Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Chat@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Chat Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark.png
new file mode 100644
index 0000000..6ee38a3
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@2x.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@2x.png
new file mode 100644
index 0000000..555def4
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@3x.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@3x.png
new file mode 100644
index 0000000..9422a17
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat.png
index 6c60903..5533e41 100644
--- a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat.png
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@2x.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@2x.png
index 88ae66a..e645b2e 100644
--- a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@2x.png
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@2x.png
diff --git a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@3x.png b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@3x.png
index cb8cc7a..fe2779d 100644
--- a/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@3x.png
+++ b/Hotline/Assets.xcassets/Section Chat.imageset/Section Chat@3x.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Contents.json b/Hotline/Assets.xcassets/Section Files.imageset/Contents.json
index 9882c24..de0131e 100644
--- a/Hotline/Assets.xcassets/Section Files.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Files 1.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Files@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Files@2x 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Files@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Files@3x 1.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files 1.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files 1.png
new file mode 100644
index 0000000..869bdef
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files 1.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files.png
index aed2e76..04a33c1 100644
--- a/Hotline/Assets.xcassets/Section Files.imageset/Section Files.png
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x 1.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x 1.png
new file mode 100644
index 0000000..b4f0aa1
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x 1.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x.png
index 11a22a6..c013384 100644
--- a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x.png
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@2x.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x 1.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x 1.png
new file mode 100644
index 0000000..a3ca22f
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x 1.png
diff --git a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x.png b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x.png
index dc4c1d8..d8099d9 100644
--- a/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x.png
+++ b/Hotline/Assets.xcassets/Section Files.imageset/Section Files@3x.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Contents.json b/Hotline/Assets.xcassets/Section News.imageset/Contents.json
index f015c81..9ca236e 100644
--- a/Hotline/Assets.xcassets/Section News.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section News.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section News Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section News@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section News Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section News@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section News Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News Dark.png b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark.png
new file mode 100644
index 0000000..2c73fb4
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@2x.png b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@2x.png
new file mode 100644
index 0000000..e8e255e
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@3x.png b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@3x.png
new file mode 100644
index 0000000..ca32acb
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News.png b/Hotline/Assets.xcassets/Section News.imageset/Section News.png
index 1e9f8e7..b9110b3 100644
--- a/Hotline/Assets.xcassets/Section News.imageset/Section News.png
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News@2x.png b/Hotline/Assets.xcassets/Section News.imageset/Section News@2x.png
index cad57f8..eb248a9 100644
--- a/Hotline/Assets.xcassets/Section News.imageset/Section News@2x.png
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News@2x.png
diff --git a/Hotline/Assets.xcassets/Section News.imageset/Section News@3x.png b/Hotline/Assets.xcassets/Section News.imageset/Section News@3x.png
index 8e9567b..e3ad336 100644
--- a/Hotline/Assets.xcassets/Section News.imageset/Section News@3x.png
+++ b/Hotline/Assets.xcassets/Section News.imageset/Section News@3x.png
diff --git a/Hotline/Assets.xcassets/Section Servers.imageset/Contents.json b/Hotline/Assets.xcassets/Section Servers.imageset/Contents.json
index 4470c6f..0ddb140 100644
--- a/Hotline/Assets.xcassets/Section Servers.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Servers.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Servers Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Servers@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Servers Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Servers@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Servers Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark.png b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark.png
new file mode 100644
index 0000000..73e4c46
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark.png
diff --git a/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@2x.png b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@2x.png
new file mode 100644
index 0000000..427f844
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@3x.png b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@3x.png
new file mode 100644
index 0000000..feccfaf
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Servers.imageset/Section Servers Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Contents.json b/Hotline/Assets.xcassets/Section Settings.imageset/Contents.json
index d58685d..435f2bb 100644
--- a/Hotline/Assets.xcassets/Section Settings.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Settings Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Settings@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Settings Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Settings@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Settings Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark.png
new file mode 100644
index 0000000..8cae292
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@2x.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@2x.png
new file mode 100644
index 0000000..c87a928
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@3x.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@3x.png
new file mode 100644
index 0000000..5261e24
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings.png
index 0289423..9041a9b 100644
--- a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings.png
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@2x.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@2x.png
index 5a8852a..d60bb45 100644
--- a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@2x.png
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@2x.png
diff --git a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@3x.png b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@3x.png
index 743f256..4e2fc67 100644
--- a/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@3x.png
+++ b/Hotline/Assets.xcassets/Section Settings.imageset/Section Settings@3x.png
diff --git a/Hotline/Assets.xcassets/Section Users.imageset/Contents.json b/Hotline/Assets.xcassets/Section Users.imageset/Contents.json
index 0a699ec..94cc8dd 100644
--- a/Hotline/Assets.xcassets/Section Users.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Section Users.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Users Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Section Users@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Users Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Section Users@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Section Users Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark.png b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark.png
new file mode 100644
index 0000000..fc6ff42
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark.png
diff --git a/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@2x.png b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@2x.png
new file mode 100644
index 0000000..c64b17d
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@3x.png b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@3x.png
new file mode 100644
index 0000000..c111110
--- /dev/null
+++ b/Hotline/Assets.xcassets/Section Users.imageset/Section Users Dark@3x.png
diff --git a/Hotline/Assets.xcassets/Tracker.imageset/Contents.json b/Hotline/Assets.xcassets/Tracker.imageset/Contents.json
index 7006942..12037c9 100644
--- a/Hotline/Assets.xcassets/Tracker.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/Tracker.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Tracker Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "Tracker@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Tracker Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "Tracker@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Tracker Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark.png b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark.png
new file mode 100644
index 0000000..c457a51
--- /dev/null
+++ b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark.png
diff --git a/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@2x.png b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@2x.png
new file mode 100644
index 0000000..23c40f6
--- /dev/null
+++ b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@2x.png
diff --git a/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@3x.png b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@3x.png
new file mode 100644
index 0000000..70885f1
--- /dev/null
+++ b/Hotline/Assets.xcassets/Tracker.imageset/Tracker Dark@3x.png
diff --git a/Hotline/Assets.xcassets/User Admin.imageset/Contents.json b/Hotline/Assets.xcassets/User Admin.imageset/Contents.json
index e1d19f0..8892c78 100644
--- a/Hotline/Assets.xcassets/User Admin.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/User Admin.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Admin Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "User Admin@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Admin Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "User Admin@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Admin Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark.png b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark.png
new file mode 100644
index 0000000..18b969f
--- /dev/null
+++ b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark.png
diff --git a/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@2x.png b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@2x.png
new file mode 100644
index 0000000..13cf556
--- /dev/null
+++ b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@2x.png
diff --git a/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@3x.png b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@3x.png
new file mode 100644
index 0000000..e77ef89
--- /dev/null
+++ b/Hotline/Assets.xcassets/User Admin.imageset/User Admin Dark@3x.png
diff --git a/Hotline/Assets.xcassets/User.imageset/Contents.json b/Hotline/Assets.xcassets/User.imageset/Contents.json
index 0260694..8737669 100644
--- a/Hotline/Assets.xcassets/User.imageset/Contents.json
+++ b/Hotline/Assets.xcassets/User.imageset/Contents.json
@@ -6,14 +6,47 @@
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
       "filename" : "User@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "User@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "User Dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Hotline/Assets.xcassets/User.imageset/User Dark.png b/Hotline/Assets.xcassets/User.imageset/User Dark.png
new file mode 100644
index 0000000..f1a6e8d
--- /dev/null
+++ b/Hotline/Assets.xcassets/User.imageset/User Dark.png
diff --git a/Hotline/Assets.xcassets/User.imageset/User Dark@2x.png b/Hotline/Assets.xcassets/User.imageset/User Dark@2x.png
new file mode 100644
index 0000000..a0f60d6
--- /dev/null
+++ b/Hotline/Assets.xcassets/User.imageset/User Dark@2x.png
diff --git a/Hotline/Assets.xcassets/User.imageset/User Dark@3x.png b/Hotline/Assets.xcassets/User.imageset/User Dark@3x.png
new file mode 100644
index 0000000..f4dbda5
--- /dev/null
+++ b/Hotline/Assets.xcassets/User.imageset/User Dark@3x.png
diff --git a/Hotline/Shared/HotlinePanel.swift b/Hotline/Shared/HotlinePanel.swift
index 2db1038..191e89a 100644
--- a/Hotline/Shared/HotlinePanel.swift
+++ b/Hotline/Shared/HotlinePanel.swift
@@ -17,6 +17,8 @@ class HotlinePanel: NSPanel {
 //    self.collectionBehavior.insert(.fullScreenAuxiliary)
     self.collectionBehavior.insert(.canJoinAllSpaces)
     self.collectionBehavior.insert(.ignoresCycle)
+    
+//    self.appearance = NSAppearance(named: .vibrantDark)
 
     // Don't delete panel state when it's closed.
     self.isReleasedWhenClosed = false
@@ -38,7 +40,7 @@ class HotlinePanel: NSPanel {
     hostingView.sizingOptions = [.preferredContentSize]
 
     let visualEffectView = NSVisualEffectView(frame: NSRect(x: 0, y: 0, width: HOTLINE_PANEL_SIZE.width, height: HOTLINE_PANEL_SIZE.height))
-    visualEffectView.material = .headerView
+    visualEffectView.material = .sidebar
     visualEffectView.blendingMode = .behindWindow
     visualEffectView.state = NSVisualEffectView.State.active
     visualEffectView.autoresizingMask = [.width, .height]
diff --git a/Hotline/macOS/HotlinePanelView.swift b/Hotline/macOS/HotlinePanelView.swift
index a368459..dc58698 100644
--- a/Hotline/macOS/HotlinePanelView.swift
+++ b/Hotline/macOS/HotlinePanelView.swift
@@ -17,7 +17,7 @@ struct HotlinePanelView: View {
 //        .clipShape(RoundedRectangle(cornerRadius: 6.0))
 //        .padding([.top, .leading, .trailing], 4)
       
-      HStack(spacing: 10) {
+      HStack(spacing: 12) {
         Button {
           if NSEvent.modifierFlags.contains(.option) {
             openWindow(id: "server")
@@ -116,6 +116,7 @@ struct HotlinePanelView: View {
       .padding(.top, 12)
       .padding(.bottom, 12)
       .padding([.leading, .trailing], 12)
+//      .background(Color.red.opacity(0.5).blendMode(.multiply))
       
 //      GroupBox {
 //        HStack(spacing: 0) {