diff options
author | 2021-08-12 08:57:54 +0530 | |
---|---|---|
committer | 2021-08-12 08:57:54 +0530 | |
commit | 52ca44b9df4dafcdc0eaa517146638e01fca5449 (patch) | |
tree | 6df3814408495402b7c9a409f94a634b6e25bd73 /recipes/telegram/darkmode.css | |
parent | chore: fixed issue with incorrect eslint config (diff) | |
download | ferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.tar.gz ferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.tar.zst ferdium-recipes-52ca44b9df4dafcdc0eaa517146638e01fca5449.zip |
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)
Diffstat (limited to 'recipes/telegram/darkmode.css')
-rw-r--r-- | recipes/telegram/darkmode.css | 190 |
1 files changed, 190 insertions, 0 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 @@ | |||
1 | /* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */ | ||
2 | |||
3 | body, | ||
4 | .modal-content { | ||
5 | color: #bbb !important; | ||
6 | background: rgb(40, 44, 52) !important; | ||
7 | } | ||
8 | |||
9 | a.tg_checkbox { | ||
10 | color: #bbb !important; | ||
11 | } | ||
12 | |||
13 | .im_page_wrap { | ||
14 | /*background color of contentwrapper under header*/ | ||
15 | background-color: rgb(40, 44, 52) !important; | ||
16 | border-left: 1px solid rgb(40, 44, 52) !important; | ||
17 | border-right: 1px solid rgb(40, 44, 52) !important; | ||
18 | border-bottom: 1px solid rgb(40, 44, 52) !important; | ||
19 | box-shadow: none; | ||
20 | } | ||
21 | |||
22 | .im_message_body, | ||
23 | .im_attach, | ||
24 | .im_media_attach, | ||
25 | .im_record, | ||
26 | .im_record_bg, | ||
27 | .im_record:hover, | ||
28 | .im_message_document_thumbed, | ||
29 | .composer_emoji_panel a.composer_emoji_btn { | ||
30 | background: inherit !important; | ||
31 | } | ||
32 | |||
33 | .im_dialog_peer { | ||
34 | /*peer nickname unselected*/ | ||
35 | color: #bbb !important; | ||
36 | } | ||
37 | |||
38 | .contacts_modal_members_list a.contacts_modal_contact { | ||
39 | /*nicknames in contactlist via hamburger menu*/ | ||
40 | color: #bbb; | ||
41 | } | ||
42 | |||
43 | .active a.im_dialog { | ||
44 | /*selected peer */ | ||
45 | background-color: rgb(40, 44, 52) !important; | ||
46 | } | ||
47 | |||
48 | .tg_head_split, | ||
49 | .md_modal_head { | ||
50 | /*page header block*/ | ||
51 | background-color: rgb(40, 44, 52) !important; | ||
52 | } | ||
53 | |||
54 | .dropdown.open .tg_head_btn, | ||
55 | .tg_head_btn:hover { | ||
56 | background: rgb(40, 44, 52) !important; | ||
57 | } | ||
58 | |||
59 | .form-control { | ||
60 | /*input field*/ | ||
61 | background-color: #0e0e0e !important; | ||
62 | color: #bbb !important; | ||
63 | } | ||
64 | |||
65 | .composer_rich_textarea { | ||
66 | background: rgb(40, 44, 52) !important; | ||
67 | border-color: #bbb !important; | ||
68 | } | ||
69 | |||
70 | .im_dialogs_col_wrap { | ||
71 | /*contactlist right border*/ | ||
72 | border-right: 2px solid rgb(40, 44, 52); | ||
73 | } | ||
74 | |||
75 | .im_dialogs_col .nano>.nano-pane>.nano-slider { | ||
76 | /*scrollbarbutton when hover*/ | ||
77 | background-color: rgb(40, 44, 52) !important; | ||
78 | } | ||
79 | |||
80 | code, | ||
81 | pre { | ||
82 | background-color: #bbb !important; | ||
83 | color: #0e0e0e; | ||
84 | border: none !important; | ||
85 | } | ||
86 | |||
87 | .tg_head_split { | ||
88 | background-color: #151515; | ||
89 | } | ||
90 | |||
91 | .im_submit { | ||
92 | color: rgb(40, 44, 52); | ||
93 | } | ||
94 | |||
95 | .im_message_mymention { | ||
96 | background: #1d1d1d; | ||
97 | } | ||
98 | |||
99 | .im_message_focus .im_message_outer_wrap { | ||
100 | background-color: rgb(40, 44, 52); | ||
101 | } | ||
102 | |||
103 | .im_message_selected .im_message_outer_wrap { | ||
104 | background: rgb(40, 44, 52); | ||
105 | } | ||
106 | |||
107 | a:hover { | ||
108 | background-color: #282828 !important; | ||
109 | } | ||
110 | |||
111 | .im_message_unread_split { | ||
112 | background: rgb(40, 44, 52); | ||
113 | } | ||
114 | |||
115 | @ keyframes im_message_focus_fade { | ||
116 | 0% { | ||
117 | /*soft transaction*/ | ||
118 | |||
119 | background-color: #2d2d2d; | ||
120 | } | ||
121 | } | ||
122 | |||
123 | .btn-primary { | ||
124 | background-color: rgb(40, 44, 52); | ||
125 | } | ||
126 | |||
127 | .im_history_select_active .im_message_outer_wrap:hover { | ||
128 | background: rgb(40, 44, 52); | ||
129 | } | ||
130 | |||
131 | .im_dialog_chat_from_wrap, | ||
132 | .im_dialog_message_service { | ||
133 | color: #6ac; | ||
134 | } | ||
135 | |||
136 | .composer_rich_textarea, | ||
137 | .composer_textarea { | ||
138 | box-shadow: 0px 3px 1px #ddd; | ||
139 | } | ||
140 | |||
141 | .composer_rich_textarea:focus { | ||
142 | box-shadow: 0px 3px 1px #ddd !important; | ||
143 | } | ||
144 | |||
145 | .tg_head_logo_dropdown .dropdown-menu>li>a, | ||
146 | a.tg_radio { | ||
147 | color: #ddd; | ||
148 | } | ||
149 | |||
150 | .btn-primary.disabled, | ||
151 | .btn-primary[disabled] { | ||
152 | background: rgb(40, 44, 52) none repeat scroll 0% 0%; | ||
153 | } | ||
154 | |||
155 | /*emoji*/ | ||
156 | |||
157 | .composer_emoji_tooltip, | ||
158 | .icon-tooltip-tail, | ||
159 | .dropdown-menu { | ||
160 | background-color: rgb(40, 44, 52) !important; | ||
161 | border-color: #5d5d5d; | ||
162 | } | ||
163 | |||
164 | .im_dialog_badge.badge { | ||
165 | background-color: #bfbfbf30 !important; | ||
166 | } | ||
167 | |||
168 | .im_message_selected .im_message_outer_wrap, | ||
169 | .im_history_select_active .im_message_outer_wrap:hover { | ||
170 | background-color: rgb(40, 44, 52) !important; | ||
171 | } | ||
172 | |||
173 | .reply_markup_button { | ||
174 | color: #FFFFFF !important; | ||
175 | background-color: #666666 !important; | ||
176 | } | ||
177 | |||
178 | .reply_markup_button:focus, | ||
179 | .reply_markup_button:hover { | ||
180 | color: #FFFFFF !important; | ||
181 | background-color: rgb(40, 44, 52) !important; | ||
182 | } | ||
183 | |||
184 | .tg_head_logo_dropdown .dropdown-menu>li>a, | ||
185 | .dropdown-menu>li>a, | ||
186 | .dropdown-menu>li>a, | ||
187 | .dropdown-menu>li>a:focus, | ||
188 | .dropdown-menu>li>a:hover { | ||
189 | color: #FFFFFF !important; | ||
190 | } | ||