diff --git a/custom.css b/custom.css
new file mode 100644
index 0000000..f8d6899
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,98 @@
+:root {
+  --header-background-color: #141414 !important;
+  --message-box-editing-color: #141414 !important;
+  --popover-background: #121212 !important;
+  --chip-background : #141414 !important;
+}
+
+.reply-preview {
+  background-color: #222222 !important;
+}
+
+.rc-table-title{
+  color: #dddddd !important;
+}
+
+.rc-popover__item {
+  color: #FFFFFF !important;
+}
+
+.sidebar {
+  color: #FFFFFF !important;
+}
+
+.sidebar-item.sidebar-item--unread {
+  color: #ff2222 !important;
+}
+
+.sidebar-item.sidebar-item--unread::after {
+  content: "💬";
+}
+
+.sidebar__toolbar-button {
+  color: #FFFFFF !important;
+}
+
+.sidebar-item {
+  color: #FFFFFF !important;
+}
+
+.sidebar-light .sidebar-item {
+  color: #FFFFFF !important;
+}
+
+.contextual-bar {
+  background-color: #171717 !important;
+}
+
+.contextual-bar__header {
+  background-color: #101010 !important;
+}
+
+.rc-member-list__counter {
+  color: #FFFFFF !important;
+}
+
+.message.editing {
+  background-color: #222222 !important;
+}
+
+.rc-user-info-container {
+  background-color: #101010 !important;
+}
+
+.rc-user-info-details {
+  background-color: #101010 !important;
+}
+
+.message .highlight-text {
+  background-color: var(--mention-link-me-background) !important;
+}
+
+.message .reactions > li {
+  background-color: transparent !important;
+}
+
+.background-transparent-darker-before::before {
+  background-color: #DEDEDE !important;
+}
+
+.background-component-color {
+  background-color: #000000 !important;
+}
+
+.message-actions {
+  color: #FFFFFF !important;
+}
+
+.rc-message-box__typing-user {
+  color: #FFFFFF !important;
+}
+
+.rooms-list__type {
+  color: firebrick !important;
+}
+
+.message:hover {
+    background: #5b5b5b;
+}
\ No newline at end of file