Enabled darkmode for

    Facebook Messenger
    Facebook Workplace Chat (Facebook at work)
    Slack
    Google Calendar
    Whatsapp
    LinkedIn
    Telegram
    Instagram

(from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi)

2 files changed, 191 insertions, 1 deletions

diff --git a/recipes/telegram/darkmode.css b/recipes/telegram/darkmode.css
new file mode 100644
index 0000000..24f415f
--- /dev/null
+++ b/recipes/telegram/darkmode.css
@@ -0,0 +1,190 @@
+/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */
+
+body,
+.modal-content {
+    color: #bbb !important;
+    background: rgb(40, 44, 52) !important;
+}
+
+a.tg_checkbox {
+    color: #bbb !important;
+}
+
+.im_page_wrap {
+    /*background color of contentwrapper under header*/
+    background-color: rgb(40, 44, 52) !important;
+    border-left: 1px solid rgb(40, 44, 52) !important;
+    border-right: 1px solid rgb(40, 44, 52) !important;
+    border-bottom: 1px solid rgb(40, 44, 52) !important;
+    box-shadow: none;
+}
+
+.im_message_body,
+.im_attach,
+.im_media_attach,
+.im_record,
+.im_record_bg,
+.im_record:hover,
+.im_message_document_thumbed,
+.composer_emoji_panel a.composer_emoji_btn {
+    background: inherit !important;
+}
+
+.im_dialog_peer {
+    /*peer nickname unselected*/
+    color: #bbb !important;
+}
+
+.contacts_modal_members_list a.contacts_modal_contact {
+    /*nicknames in contactlist via hamburger menu*/
+    color: #bbb;
+}
+
+.active a.im_dialog {
+    /*selected peer */
+    background-color: rgb(40, 44, 52) !important;
+}
+
+.tg_head_split,
+.md_modal_head {
+    /*page header block*/
+    background-color: rgb(40, 44, 52) !important;
+}
+
+.dropdown.open .tg_head_btn,
+.tg_head_btn:hover {
+    background: rgb(40, 44, 52) !important;
+}
+
+.form-control {
+    /*input field*/
+    background-color: #0e0e0e !important;
+    color: #bbb !important;
+}
+
+.composer_rich_textarea {
+    background: rgb(40, 44, 52) !important;
+    border-color: #bbb !important;
+}
+
+.im_dialogs_col_wrap {
+    /*contactlist right border*/
+    border-right: 2px solid rgb(40, 44, 52);
+}
+
+.im_dialogs_col .nano>.nano-pane>.nano-slider {
+    /*scrollbarbutton when hover*/
+    background-color: rgb(40, 44, 52) !important;
+}
+
+code,
+pre {
+    background-color: #bbb !important;
+    color: #0e0e0e;
+    border: none !important;
+}
+
+.tg_head_split {
+    background-color: #151515;
+}
+
+.im_submit {
+    color: rgb(40, 44, 52);
+}
+
+.im_message_mymention {
+    background: #1d1d1d;
+}
+
+.im_message_focus .im_message_outer_wrap {
+    background-color: rgb(40, 44, 52);
+}
+
+.im_message_selected .im_message_outer_wrap {
+    background: rgb(40, 44, 52);
+}
+
+a:hover {
+    background-color: #282828 !important;
+}
+
+.im_message_unread_split {
+    background: rgb(40, 44, 52);
+}
+
+@ keyframes im_message_focus_fade {
+    0% {
+        /*soft transaction*/
+
+        background-color: #2d2d2d;
+    }
+}
+
+.btn-primary {
+    background-color: rgb(40, 44, 52);
+}
+
+.im_history_select_active .im_message_outer_wrap:hover {
+    background: rgb(40, 44, 52);
+}
+
+.im_dialog_chat_from_wrap,
+.im_dialog_message_service {
+    color: #6ac;
+}
+
+.composer_rich_textarea,
+.composer_textarea {
+    box-shadow: 0px 3px 1px #ddd;
+}
+
+.composer_rich_textarea:focus {
+    box-shadow: 0px 3px 1px #ddd !important;
+}
+
+.tg_head_logo_dropdown .dropdown-menu>li>a,
+a.tg_radio {
+    color: #ddd;
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled] {
+    background: rgb(40, 44, 52) none repeat scroll 0% 0%;
+}
+
+/*emoji*/
+
+.composer_emoji_tooltip,
+.icon-tooltip-tail,
+.dropdown-menu {
+    background-color: rgb(40, 44, 52) !important;
+    border-color: #5d5d5d;
+}
+
+.im_dialog_badge.badge {
+    background-color: #bfbfbf30 !important;
+}
+
+.im_message_selected .im_message_outer_wrap,
+.im_history_select_active .im_message_outer_wrap:hover {
+    background-color: rgb(40, 44, 52) !important;
+}
+
+.reply_markup_button {
+    color: #FFFFFF !important;
+    background-color: #666666 !important;
+}
+
+.reply_markup_button:focus,
+.reply_markup_button:hover {
+    color: #FFFFFF !important;
+    background-color: rgb(40, 44, 52) !important;
+}
+
+.tg_head_logo_dropdown .dropdown-menu>li>a,
+.dropdown-menu>li>a,
+.dropdown-menu>li>a,
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: #FFFFFF !important;
+}
diff --git a/recipes/telegram/package.json b/recipes/telegram/package.json
index cd20354..e0a7900 100644
--- a/recipes/telegram/package.json
+++ b/recipes/telegram/package.json
@@ -1,7 +1,7 @@
 {
   "id": "telegram",
   "name": "Telegram",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.telegram.org",