forked from lkd70/Linux-Mint-Y-Dark-Telegram-Theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcolors.tdesktop-theme
513 lines (447 loc) · 43.2 KB
/
colors.tdesktop-theme
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
//////////////////////////////////////////////////////////////////////////////////////////////////
// //
// Linux Mint-Y-Dark v:1.1 for Telegram Desktop //
// By LKD70 //
// //
// Original credit goes to: //
// https://github.com/MasterGroosha/telegram-soliddark-theme //
// //
// //
// //
// Github repo: //
// https://github.com/lkd70/Linux-Mint-Y-Dark-Telegram-Theme //
// //
// License: MIT (provided in git repo) //
// //
//////////////////////////////////////////////////////////////////////////////////////////////////
// Color presets //
COLOR_GRAY: #999999;
COLOR_DARK: #2F2F2F; // Main color (dark one)
COLOR_GREEN_DARK: #8EA775; // Accent color
COLOR_GREEN_LIGHT: #8EA775; // Accent color #2 (just like first one with slight changes)
COLOR_GREEN_DARKER: #798F64;
COLOR_GREEN_RIPPLE_ACTIVE: #66784F;
COLOR_WHITE: #ffffff;
COLOR_BLACK: #000000;
COLOR_PINK: #e016a0; // Just for testing purposes :)
// basic
windowBg: COLOR_DARK; // Window backgrounds
windowFg: COLOR_WHITE; // Main text / chat text
windowBgOver: #454545; // Search field background + buttons color in context menu
windowBgRipple: #272828; // Inactive chat in chats list (press & hold)
windowFgOver: windowFg; // black: fallback for over text color
windowSubTextFg: COLOR_GRAY; // Chats list message preview text
windowSubTextFgOver: #919191; // Mouse over chats list message preview text
windowBoldFg: COLOR_WHITE; // Bold font (titles in Settings, Left menu options)
windowBoldFgOver: COLOR_GREEN_LIGHT; // Mouse over chats list chat name text (+ Left menu options on hover)
windowBgActive: COLOR_GREEN_DARK; // Active button background (+ checkboxes background)
windowFgActive: COLOR_WHITE; // Active selected chats list text / button text + checkboxes' "ticks" color
windowActiveTextFg: COLOR_GREEN_LIGHT; // Online status, links, recording cancel, etc
windowShadowFg: COLOR_BLACK; // Window border shadows
windowShadowFgFallback: COLOR_DARK; // Notification border
shadowFg: #00000018; // Internal border shadows
slideFadeOutBg: #0000003c; // Slide animation (chat to profile) fade out filling
slideFadeOutShadowFg: windowShadowFg; // Slide animation (chat to profile) fade out right section shadow
imageBg: COLOR_BLACK; // Image background fallback (when photo size is less than minimum allowed)
imageBgTransparent: COLOR_WHITE; // Image background when displaying an image with opacity where no opacity is needed
//widgets
activeButtonBg: COLOR_GREEN_DARK; // Currently selected button background
activeButtonBgOver: COLOR_GREEN_DARKER; // Mouse over currently selected button background
activeButtonBgRipple: COLOR_GREEN_RIPPLE_ACTIVE; // Primary button background color (and active chat) - Press & hold
activeButtonFg: COLOR_WHITE; // Currently selected button text
activeButtonFgOver: activeButtonFg; // Mouse over currently selected button text
activeButtonSecondaryFg: COLOR_WHITE; // Counter color on primary button
activeButtonSecondaryFgOver: COLOR_WHITE; // Counter color on primary button (hover)
activeLineFg: COLOR_GREEN_DARK; // Active input field line color (normal)
activeLineFgError: #e48383; // Active input field line color (error)
lightButtonBg: COLOR_DARK; // Secondary button background color (default)
lightButtonBgOver: #424444; // Secondary button background color (hover)
lightButtonBgRipple: #454545; // Secondary button background color (press & hold)
lightButtonFg: COLOR_WHITE; // Secondary button text color
lightButtonFgOver: lightButtonFg; // Secondary button text color (hover)
attentionButtonFg: #f73e3e; // Default attention button text (like confirm button on log out)
attentionButtonFgOver: #ffffff; // Default attention button text with mouse over
attentionButtonBgOver: #a8232e; // Default attention button background with mouse over
attentionButtonBgRipple: #d5333f; // Default attention button ripple effect
outlineButtonBg: COLOR_DARK; // Buttons background in profiles (shared media)
outlineButtonBgOver: lightButtonBgOver; // Buttons background in profiles (hover)
outlineButtonOutlineFg: windowBgActive; // Default left outlined button left outline border
outlineButtonBgRipple: lightButtonBgRipple; // Default left outlined button ripple effect
menuBg: COLOR_DARK; // Default popup menu background
menuBgOver: windowBgOver; // Default popup menu item background with mouse over
menuBgRipple: windowBgRipple; // Default popup menu item ripple effect
menuIconFg: COLOR_GRAY; // Icons color (left menu button, scroll down, paperclip..)
menuIconFgOver: COLOR_GREEN_LIGHT; // Icons color on hover (left menu button, scroll down, paperclip..)
menuSubmenuArrowFg: #373737; // Default popup menu submenu arrow icon (like in message field context menu in case of RTL system language)
menuFgDisabled: #727272; // Default popup menu item disabled text (like unavailable items in message field context menu)
menuSeparatorFg: COLOR_DARK; // Default popup menu separator (like in message field context menu)
scrollBarBg: #8EA77553; // Scrollbar (chats list) current position
scrollBarBgOver: #8EB16B7a; // Mouse over scrollbar (chats list) current position
scrollBg: #0000001a; // Scrollbar (chats list) background
scrollBgOver: #0000002c; // Mouse over scrollbar (chats list) background
smallCloseIconFg: #c7c7c7; // Notification close button (default)
smallCloseIconFgOver: #a3a3a3; // Notification close button (hover)
radialFg: COLOR_WHITE; // Default radial loader line (like in Media Viewer when loading a photo)
radialBg: #00000056; // Default radial loader background (like in Media Viewer when loading a photo)
placeholderFg: COLOR_GRAY; // Inactive input box placeholder text
placeholderFgActive: #aaaaaa; // Active input box placeholder text
inputBorderFg: #e0e0e0; // Default input field bottom border (like in code input field when you log in and field is not focused)
filterInputBorderFg: COLOR_GREEN_DARK; // Default rounded input field border (like in chats list search field when field is focused)
filterInputInactiveBg: windowBgOver; // Default rounded input field background (like in chats list search field when field is inactive)
checkboxFg: #b3b3b3; // Default unchecked checkbox rounded rectangle (and also emoji category icons)
sliderBgInactive: #e1eaef; // Inactive media player button (prev/next song)
sliderBgActive: windowBgActive; // Active media player button (prev/next song)
tooltipBg: #eef2f5; // Tooltip background (hover on message sent time)
tooltipFg: #5d6c80; // Tooltip text color
tooltipBorderFg: #c9d1db; // Tooltip border color
// custom title bar for Windows and macOS
titleBg: COLOR_DARK; // Title bar color
titleBgActive: titleBg; // Title bar color when Telegram window is focused
titleButtonBg: titleBg; // Title bar min/max/close buttons background (Windows only)
titleShadow: #00000003; // One pixel line shadow at the bottom of custom window title
titleButtonFg: #ababab; // Title bar buttons(min/max/close) (Windows only)
titleButtonBgOver: #dbdbdb; // Title bar min/max background (hover) (Windows only)
titleButtonFgOver: #9a9a9a; // Title bar min/max icons (Windows only)
titleButtonBgActive: titleButtonBg; // Custom window title minimize/maximize/restore button background when window is active (Windows only)
titleButtonFgActive: titleButtonFg; // Custom window title minimize/maximize/restore button icon when window is active (Windows only)
titleButtonBgActiveOver: titleButtonBgOver; // Custom window title minimize/maximize/restore button background with mouse over when window is active (Windows only)
titleButtonFgActiveOver: titleButtonFgOver; // Custom window title minimize/maximize/restore button icon with mouse over when window is active (Windows only)
titleButtonCloseBg: titleButtonBg; // Custom window title close button background when window is inactive (Windows only)
titleButtonCloseFg: titleButtonFg; // Custom window title close button icon when window is inactive (Windows only)
titleButtonCloseBgOver: #e81123; // Close button background (hover)
titleButtonCloseFgOver: COLOR_WHITE; // Close button icon color (hover)
titleButtonCloseBgActive: titleButtonCloseBg; // Custom window title close button background when window is active (Windows only)
titleButtonCloseFgActive: titleButtonCloseFg; // Custom window title close button icon when window is active (Windows only)
titleButtonCloseBgActiveOver: titleButtonCloseBgOver; // Custom window title close button background with mouse over when window is active (Windows only)
titleButtonCloseFgActiveOver: titleButtonCloseFgOver; // Custom window title close button icon with mouse over when window is active (Windows only)
titleFgActive: #3e3c3e; // Active title bar text (Mac)
titleFg: #acacac; // Inactive title bar text (Mac)
// tray icon
trayCounterBg: #f23c34; // Unread messages counter background in tray (not muted, default red)
trayCounterBgMute: #888888; // Unread messages counter background in tray (muted, default gray)
trayCounterFg: COLOR_WHITE; // Unread messages counter text (number)
trayCounterBgMacInvert: COLOR_WHITE; // Tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only)
trayCounterFgMacInvert: COLOR_WHITE; // Tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only)
// layers
layerBg: #0000007f; // Box and main menu background layer fade (for example, current chat tint when forwarding message)
cancelIconFg: menuIconFg; // Default for settings close icon and box search cancel icon
cancelIconFgOver: menuIconFgOver; // Default for settings close icon and box search cancel icon with mouse over
// boxes
boxBg: #3F3F3F; // Popup windows background color
boxTextFg: COLOR_GRAY; // Popup windows text color
boxTextFgGood: COLOR_GREEN_LIGHT; // Popup windows "good" text (e.g. "Username available")
boxTextFgError: #d84d4d; // Popup windows "bad" text (e.g. "Username already taken")
boxTitleFg: COLOR_WHITE; // Popup windows titles color (sessions, contacts...)
boxSearchBg: boxBg; // Box search field background (like in contacts box)
// boxSearchCancelIconFg: COLOR_GREEN_DARK; // (not implemented yet) Search cancel X button icon (like in contacts box)
boxSearchCancelIconFgOver: COLOR_GREEN_LIGHT; // Search cancel X button icon with mouse over
boxTitleAdditionalFg: #808080; // Box title additional text (like in create group box when you see chosen members count)
boxTitleCloseFg: cancelIconFg; // Settings close icon and box search cancel icon (like in contacts box)
boxTitleCloseFgOver: cancelIconFgOver; // Settings close icon and box search cancel icon (like in contacts box) with mouse over
membersAboutLimitFg: windowSubTextFgOver; // Text in channel members box about the limit (max 200 last members are shown)
contactsBg: COLOR_DARK; // Contacts (and some other) list background color
contactsBgOver: windowBgOver; // Contacts (and some other) list mouse over background
contactsNameFg: COLOR_WHITE; // Contacts (and some other) box row name text
contactsStatusFg: COLOR_GRAY; // Contacts (and some other) box row additional text (like last seen stamp)
contactsStatusFgOver: windowSubTextFgOver; // Contacts (and some other) box row additional text (like last seen stamp) with mouse over
contactsStatusFgOnline: windowActiveTextFg; // Contacts (and some other) box row active additional text (like online status)
photoCropFadeBg: layerBg; // "Out-of-bounds" area in photo cropping (avatars etc...)
photoCropPointFg: COLOR_WHITE; // Photo crop "corners" (which you drag to crop photo)
// intro
introBg: COLOR_DARK; // Login screen background
introTitleFg: windowBoldFg; // Login title text
introDescriptionFg: COLOR_GRAY; // Login description text
introErrorFg: COLOR_GRAY; // Login error text (like when providing a wrong log in code)
introCoverTopBg: COLOR_DARK; // Gradient finish at the top of the login screen
introCoverBottomBg: COLOR_DARK; // Gradient start at the bottom of the login screen
introCoverIconsFg: COLOR_GREEN_DARK; // Icons and clouds colors
introCoverPlaneTrace: COLOR_GREEN_DARKER; // Plane trace
introCoverPlaneInner: #c6d8e8; // Plane color inside
introCoverPlaneOuter: #a1bed4; // Plane color outside
introCoverPlaneTop: COLOR_WHITE; // Main plane color
dialogsMenuIconFg: menuIconFg; // Main menu and lock telegram icon
dialogsMenuIconFgOver: menuIconFgOver; // Main menu and lock telegram icon with mouse over
dialogsBg: COLOR_DARK; // Chats list background color
dialogsNameFg: COLOR_WHITE; // Chat list name text
dialogsChatIconFg: dialogsNameFg; // Chat list group or channel icon
dialogsDateFg: COLOR_GRAY; // Chats list date text
dialogsTextFg: COLOR_GRAY; // Chats list message preview text
dialogsTextFgService: windowActiveTextFg; // Chats list message preview sender name
dialogsDraftFg: #dd4b39; // "Draft" word
dialogsVerifiedIconBg: windowBgActive; // Verification icon background
dialogsVerifiedIconFg: COLOR_WHITE; // Verification icon check color
dialogsSendingIconFg: #c1c1c1; // Chat list sending message icon (clock)
dialogsSentIconFg: COLOR_GREEN_DARK; // Chat list sent message tick / double tick icon
dialogsUnreadBg: COLOR_GREEN_DARK; // Chats list unread counter background
dialogsUnreadBgMuted: #999999; // Chat list unread badge background for muted chat
dialogsUnreadFg: COLOR_WHITE; // Unread counter text color
dialogsBgOver: #454545; // Inactive chat color on hover
dialogsNameFgOver: #ededed; // Chat list name text with mouse over
dialogsChatIconFgOver: dialogsNameFgOver; // Chat list group or channel icon with mouse over
dialogsDateFgOver: windowSubTextFgOver; // Chat list date text with mouse over
dialogsTextFgOver: windowSubTextFgOver; // Chat list message text with mouse over
dialogsTextFgServiceOver: dialogsTextFgService; // Mouse over chats list message preview sender name
dialogsDraftFgOver: dialogsDraftFg; // Chat list draft label with mouse over
dialogsVerifiedIconBgOver: dialogsVerifiedIconBg; // Chat list verified icon background with mouse over
dialogsVerifiedIconFgOver: dialogsVerifiedIconFg; // Chat list verified icon check with mouse over
dialogsSendingIconFgOver: dialogsSendingIconFg; // Chat list sending message icon (clock) with mouse over
dialogsSentIconFgOver: dialogsSentIconFg; // Chat list sent message tick / double tick icon with mouse over
dialogsUnreadBgOver: dialogsUnreadBg; // Chat list unread badge background for NOT muted chat with mouse over
dialogsUnreadBgMutedOver: dialogsUnreadBgMuted; // Chat list unread badge background for muted chat with mouse over
dialogsUnreadFgOver: dialogsUnreadFg; // Chat list unread badge text with mouse over
dialogsBgActive: COLOR_GREEN_DARK; // Active chat color (in chats list)
dialogsNameFgActive: COLOR_WHITE; // Active chat name text (in chats list)
dialogsChatIconFgActive: dialogsNameFgActive; // Active chat group or channel icon (in chats list)
dialogsDateFgActive: COLOR_WHITE; // Active chat date color
dialogsTextFgActive: COLOR_WHITE; // Active chat message preview color
dialogsTextFgServiceActive: dialogsTextFgActive;// Active chat service messages color
dialogsDraftFgActive: #c6e1f7; // "Draft" word when chat is selected
dialogsVerifiedIconBgActive: dialogsTextFgActive; // Active chat verified icon background (in chats list)
dialogsVerifiedIconFgActive: dialogsBgActive; // Active chat verified icon check (in chats list)
dialogsSendingIconFgActive: COLOR_WHITE; // Active chat sending message icon (clock) (in chats list)
dialogsSentIconFgActive: dialogsTextFgActive; // Active chat sent message tick / double tick icon (in chats list)
dialogsUnreadBgActive: dialogsTextFgActive; // Active chat unread badge background for NOT muted chat (in chats list)
dialogsUnreadBgMutedActive: dialogsDraftFgActive; // Active chat unread badge background for muted chat (in chats list)
dialogsUnreadFgActive: dialogsBgActive; // Active chat unread badge text (in chats list)
dialogsForwardBg: dialogsBgActive; // Forwarding panel background (when forwarding messages in the smallest window size)
dialogsForwardFg: dialogsNameFgActive; // Forwarding panel text (when forwarding messages in the smallest window size)
searchedBarBg: COLOR_DARK; // Search results window background color
searchedBarFg: COLOR_GREEN_LIGHT; // Search results text color
// history
topBarBg: COLOR_DARK; // Chat header background
emojiPanBg: COLOR_DARK; // Sticker panel background
emojiPanCategories: COLOR_DARK; // Sticker panel bottom bar background
emojiPanHeaderFg: COLOR_GREEN_LIGHT; // Sticker panel title text
emojiPanHeaderBg: COLOR_DARK; // Sticker panel top bar background
stickerPanDeleteBg: #000000cc; // Delete X button background for custom sent stickers in stickers panel (legacy)
stickerPanDeleteFg: COLOR_WHITE; // Delete X button icon for custom sent stickers in stickers panel (legacy)
stickerPreviewBg: #2f2f2fCC; // Sticker and GIF preview background (when you press and hold on a sticker)
historyTextInFg: #adadad; // Incoming message text color
historyTextInFgSelected: historyTextInFg; // Selected incoming message text or text in a selected message
historyTextOutFg: #efefef; // Outgoing message text color
historyTextOutFgSelected: historyTextOutFg; // Outgoing message selected text or text in a selected message
historyLinkInFg: windowActiveTextFg; // Incoming message link color
historyLinkInFgSelected: historyLinkInFg; // Incoming message link in a selected text or message
historyLinkOutFg: windowActiveTextFg; // Outgoing message link color
historyLinkOutFgSelected: historyLinkOutFg; // Outgoing message link in a selected text or message
historyFileNameInFg: historyTextInFg; // Incoming message filename text color
historyFileNameInFgSelected: historyFileNameInFg; // Incoming media filename text in a selected message
historyFileNameOutFg: historyTextOutFg; // Outgoing message filename text color
historyFileNameOutFgSelected: historyFileNameOutFg; // Outgoing media filename text in a selected message
historyOutIconFg: dialogsSentIconFg; // "Eye" and "Checks" color for outgoing messages (selected)
historyOutIconFgSelected: COLOR_GREEN_LIGHT; // "Eye" and "Checks" color for outgoing messages (selected)
historyIconFgInverted: COLOR_WHITE; // "Checks" on stickers (outgoing)
historySendingOutIconFg: COLOR_GREEN_LIGHT; // "Clock" icon while sending file (outgoing)
historySendingInIconFg: #a0adb5; // "Clock" icon while sending file (incoming)
historySendingInvertedIconFg: COLOR_WHITE; // Media sending message icon (clock) (like in sent photo)
historyUnreadBarBg: #424444; // Unread messages bar background color
historyUnreadBarBorder: COLOR_DARK; // Unread messages bar border color
historyUnreadBarFg: #ededed; // Unread messages bar text color
historyForwardChooseBg: #0000004c; // "Choose recipient" BACKGROUND color (forwarding)
historyForwardChooseFg: COLOR_WHITE; // "Choose recipient" text color (forwarding)
historyPeer1NameFg: #cc4d42; // Group chat sender name - Red
historyPeer1NameFgSelected: historyPeer1NameFg; // Red group member name in a selected message
historyPeer1UserpicBg: #e17076; // Group chat userpic background - Red
historyPeer2NameFg: #4fad2d; // Sender name - Green
historyPeer2NameFgSelected: historyPeer2NameFg; // Green group member name in a selected message
historyPeer2UserpicBg: #7bc862; // Userpic background - Green
historyPeer3NameFg: #d09306; // Sender name - Yellow
historyPeer3NameFgSelected: historyPeer3NameFg; // Yellow group member name in a selected message
historyPeer3UserpicBg: #e5ca77; // Userpic background - Yellow
historyPeer4NameFg: #15cd7d; // Sender name - Light green
historyPeer4NameFgSelected: historyPeer4NameFg; // Blue group member name in a selected message
historyPeer4UserpicBg: #65aadd; // Userpic background - Blue
historyPeer5NameFg: #a363f2; // Sender name - Purple
historyPeer5NameFgSelected: historyPeer5NameFg; // Purple group member name in a selected message
historyPeer5UserpicBg: #a695e7; // Userpic background - Light Purple
historyPeer6NameFg: #cd4073; // Sender name - "Raspberry"
historyPeer6NameFgSelected: historyPeer6NameFg; // "Raspberry" group member name in a selected message
historyPeer6UserpicBg: #ee7aae; // Userpic background - Light "Raspberry"
historyPeer7NameFg: #2996ad; // Sender name - Cyan
historyPeer7NameFgSelected: historyPeer7NameFg; // Cyan group member name in a selected message
historyPeer7UserpicBg: #6ec9cb; // Userpic background - Cyan
historyPeer8NameFg: #ce671b; // Sender name - Orange
historyPeer8NameFgSelected: historyPeer8NameFg; // Orange group member name in a selected message
historyPeer8UserpicBg: #faa774; // Userpic background - Light Orange
historyPeerUserpicFg: COLOR_WHITE; // Default userpic initials
// Some values are marked as (adjusted), it means they're adjusted by
// hue and saturation of the average background color if user chooses
// some other (not bundled to this color theme) background. If the
// bundled background is used those colors are not adjusted in any way.
historyScrollBarBg: #8EA77553; // Scrollbar (history view) background (adjusted)
historyScrollBarBgOver: #8EB16B7a; // Scrollbar (history view) background (hover) (adjusted)
historyScrollBg: #6f72724d; // Scrollbar (history view) current position background (adjusted)
historyScrollBgOver: #6f727280; // Scrollbar (history view) current position background (hover) (adjusted)
msgInBg: #3d3c3c; // Incoming message background
msgInBgSelected: #222323; // Selected incoming message background
msgOutBg: #464746; // Outgoing message background
msgOutBgSelected: #222323; // Selected outgoing message background
msgSelectOverlay: #2223239b; // Selected media (images...) overlay
msgStickerOverlay: #2223237f; // Selected sticker overlay
msgInServiceFg: windowActiveTextFg; // Incoming reply quoted name
msgInServiceFgSelected: windowActiveTextFg; // Selected incoming reply quoted name
msgOutServiceFg: COLOR_GREEN_LIGHT; // Outgoing reply quoted name
msgOutServiceFgSelected: COLOR_GREEN_DARKER; // Selected outgoing reply quoted name
msgInShadow: #3d3c3c29; // Incoming message box shadow
msgInShadowSelected: #2f303029; // Selected incoming message box shadow
msgOutShadow: #4e4f4e40; // Outgoing message box shadow
msgOutShadowSelected: #2f303040; // Selected outgoing message box shadow
msgInDateFg: #a0acb6; // Incoming message date text
msgInDateFgSelected: COLOR_GREEN_LIGHT; // Incoming selected message date text
msgOutDateFg: COLOR_GRAY; // Outgoing message date text
msgOutDateFgSelected: COLOR_GREEN_LIGHT; // Outgoing selected message date text
msgServiceFg: COLOR_WHITE; // Service messages text color (join, left etc)
msgServiceBg: #454545; // Service messages BACKGROUND color (join, left etc) (adjusted)
msgServiceBgSelected: #8ca0b3a2; // Service message selected text background (like in a service message about group title being changed) (adjusted)
msgInReplyBarColor: COLOR_GREEN_DARK; // Incoming msg: vertical bar next to reply
msgInReplyBarSelColor: COLOR_GREEN_DARK; // Incoming msg: vertical bar next to reply (selected)
msgOutReplyBarColor: COLOR_GREEN_DARK; // Outgoing msg: vertical bar next to reply
msgOutReplyBarSelColor: COLOR_GREEN_DARK; // Outgoing msg: vertical bar next to reply (selected)
msgImgReplyBarColor: msgServiceFg; // Sticker message reply outline
msgInMonoFg: COLOR_GREEN_LIGHT; // Monowidth font / incoming msg
msgOutMonoFg: COLOR_GREEN_LIGHT; // Monowidth font / outgoing msg
msgInMonoFgSelected: msgInMonoFg; // Incoming message monospace text in a selected text or message
msgOutMonoFgSelected: msgOutMonoFg; // Outgoing message monospace text in a selected text or message
msgDateImgFg: msgServiceFg; // Media message time text (like time text in a sent photo)
msgDateImgBg: #00000054; // Media message time bubble background (like time bubble in a sent photo) or file with thumbnail download icon circle background
msgDateImgBgOver: #00000074; // Media message download icon circle background with mouse over (like file with thumbnail download icon)
msgDateImgBgSelected: #1c4a7187; // Selected media message time bubble background
msgFileThumbLinkInFg: lightButtonFg; // Incoming media file message with thumbnail download / open with button text
msgFileThumbLinkInFgSelected: lightButtonFgOver; // Incoming selected media file message with thumbnail download / open with button text
msgFileThumbLinkOutFg: COLOR_GREEN_LIGHT; // Outgoing media file message with thumbnail download / open with button text
msgFileThumbLinkOutFgSelected: COLOR_GREEN_DARK; // Outgoing selected media file message with thumbnail download / open with button text
msgFileInBg: windowBgActive; // Incoming audio file download circle background
msgFileInBgOver: COLOR_GREEN_DARKER; // Incoming audio file download circle background with mouse over
msgFileInBgSelected: COLOR_GREEN_DARK; // Incoming selected audio file download circle background
msgFileOutBg: COLOR_GREEN_DARK; // Outgoing audio file download circle background
msgFileOutBgOver: COLOR_GREEN_DARKER; // Outgoing audio file download circle background with mouse over
msgFileOutBgSelected: COLOR_GREEN_DARK; // Outgoing selected audio file download circle background
msgFile1Bg: #72b1df; // Blue shared links / files without image square thumbnail
msgFile1BgDark: #5c9ece; // Blue shared files without image download circle background
msgFile1BgOver: #5294c4; // Blue shared files without image download circle background with mouse over
msgFile1BgSelected: #5099d0; // Blue shared files without image download circle background if file is selected
msgFile2Bg: #61b96e; // Green shared links / shared files without image square thumbnail
msgFile2BgDark: #4da859; // Green shared files without image download circle background
msgFile2BgOver: #44a050; // Green shared files without image download circle background with mouse over
msgFile2BgSelected: #46a07e; // Green shared files without image download circle background if file is selected
msgFile3Bg: #e47272; // Red shared links / shared files without image square thumbnail
msgFile3BgDark: #cd5b5e; // Red shared files without image download circle background
msgFile3BgOver: #c35154; // Red shared files without image download circle background with mouse over
msgFile3BgSelected: #9f6a82; // Red shared files without image download circle background if file is selected
msgFile4Bg: #efc274; // Yellow shared links / shared files without image square thumbnail
msgFile4BgDark: #e6a561; // Yellow shared files without image download circle background
msgFile4BgOver: #dc9c5a; // Yellow shared files without image download circle background with mouse over
msgFile4BgSelected: #b19d84; // Yellow shared files without image download circle background if file is selected
historyFileInIconFg: COLOR_WHITE; // Incoming file without thumbnail (like audio file) download arrow icon
historyFileInIconFgSelected: COLOR_WHITE; // Incoming selected file without thumbnail (like audio file) download arrow icon
historyFileInRadialFg: COLOR_WHITE; // Incoming file without thumbnail (like audio file) radial download animation line
historyFileInRadialFgSelected: COLOR_WHITE; // Incoming selected file without thumbnail (like audio file) radial download animation line
historyFileOutIconFg: COLOR_WHITE; // Outgoing file without thumbnail (like audio file) download arrow icon
historyFileOutIconFgSelected: COLOR_WHITE; // Outgoing selected file without thumbnail (like audio file) download arrow icon
historyFileOutRadialFg: COLOR_WHITE; // Outgoing file without thumbnail (like audio file) radial download animation line
historyFileOutRadialFgSelected: COLOR_WHITE; // Outgoing selected file without thumbnail (like audio file) radial download animation line
historyFileThumbIconFg: COLOR_WHITE; // File with thumbnail (or photo / video) download arrow icon
historyFileThumbIconFgSelected: COLOR_WHITE; // Selected file with thumbnail (or photo / video) download arrow icon
historyFileThumbRadialFg: COLOR_WHITE; // File with thumbnail (or photo / video) radial download animation line
historyFileThumbRadialFgSelected: COLOR_WHITE; // Selected file with thumbnail (or photo / video) radial download animation line
msgWaveformInActive: windowBgActive; // Incoming Voice "heard" part
msgWaveformInActiveSelected: COLOR_GREEN_LIGHT; // Selected incoming Voice "heard" part
msgWaveformInInactive: #d4dee6; // Incoming Voice "unheard" part
msgWaveformInInactiveSelected: COLOR_WHITE; // Selected incoming Voice "unheard" part
msgWaveformOutActive: windowBgActive; // Outgoing Voice "heard" part
msgWaveformOutActiveSelected: COLOR_GREEN_LIGHT;// Selected outgoing Voice "heard" part
msgWaveformOutInactive: COLOR_WHITE; // Outgoing Voice "unheard" part
msgWaveformOutInactiveSelected: COLOR_WHITE; // Selected outgoing Voice "unheard" part
msgBotKbOverBgAdd: COLOR_DARK; // Inline button (hover)
msgBotKbIconFg: COLOR_WHITE; // Inline button icon color (URL Buttons, for example)
msgBotKbRippleBg: #00000020; // Inline button (press & hold)
mediaInFg: msgInDateFg; // Incoming media message status text (like in file that is being downloaded)
mediaInFgSelected: msgInDateFgSelected; // Incoming selected media message status text (like in file that is being downloaded)
mediaOutFg: msgOutDateFg; // Outgoing media message status text (like in file that is being downloaded)
mediaOutFgSelected: msgOutDateFgSelected; // Outgoing selected media message status text (like in file that is being downloaded)
youtubePlayIconBg: #e83131c8; // Youtube play icon background (when a link to a youtube video with a webpage preview is sent)
youtubePlayIconFg: COLOR_WHITE; // Youtube play icon arrow (when a link to a youtube video with a webpage preview is sent)
videoPlayIconBg: #0000007f; // Other video play icon background (like when a link to a vimeo video with a webpage preview is sent)
videoPlayIconFg: COLOR_WHITE; // Other video play icon arrow (like when a link to a vimeo video with a webpage preview is sent)
toastBg: #000000b2; // Toast notification background (like when you click on your t.me link when editing your username)
toastFg: COLOR_WHITE; // Toast notification text (like when you click on your t.me link when editing your username)
reportSpamBg: emojiPanHeaderBg; // Report spam panel background (like a non contact user writes your for the first time)
reportSpamFg: COLOR_GRAY; // Report spam panel text (when you send a report from that panel)
historyToDownBg: #424444; // "Scroll to bottom" button background
historyToDownBgOver: windowBgOver; // "Scroll to bottom" button background (hover)
historyToDownBgRipple: windowBgRipple; // "Scroll to bottom" button background (press & hold)
historyToDownFg: menuIconFg; // "Scroll to bottom" internal icon color
historyToDownFgOver: menuIconFgOver; // "Scroll to bottom" internal icon color (hover)
historyToDownShadow: #00000040; // "Scroll to bottom" button shadow
historyComposeAreaBg: msgInBg; // Text input field background
historyComposeAreaFg: COLOR_WHITE; // Text color in "Type your message" field
historyComposeAreaFgService: msgInDateFg; // Text color in "Type your message" field when replying to a media message
historyComposeIconFg: menuIconFg; // Text input field: Paperclip, Smile, Bot command icons
historyComposeIconFgOver: menuIconFgOver; // Text input field: Paperclip, Smile, Bot command icons (hover)
historySendIconFg: windowBgActive; // Text input field: Send icon
historySendIconFgOver: windowBgActive; // Text input field: Send icon (hover)
historyPinnedBg: historyComposeAreaBg; // Pinned message area background
historyReplyBg: historyComposeAreaBg; // Reply / forward / edit message area background
historyReplyIconFg: windowBgActive; // Reply / forward / edit message left icon
historyReplyCancelFg: cancelIconFg; // Reply / forward / edit message cancel button
historyReplyCancelFgOver: cancelIconFgOver; // Reply / forward / edit message cancel button with mouse over
historyComposeButtonBg: historyComposeAreaBg; // Unblock / join channel / mute channel button background
historyComposeButtonBgOver: windowBgOver; // Unblock / join channel / mute channel button background with mouse over
historyComposeButtonBgRipple: windowBgRipple; // Unblock / join channel / mute channel button ripple effect
// overview
overviewCheckBg: #00000040; // Shared files / links checkbox background for not selected rows when some rows are selected
overviewCheckFg: COLOR_DARK; // Shared files / links checkbox icon for not selected rows when some rows are selected
overviewCheckFgActive: COLOR_DARK; // Shared files / links checkbox icon for selected rows
overviewPhotoSelectOverlay: #40ace333; // Shared photos / videos / links fill for selected rows
// profile
profileStatusFgOver: #7c99b2; // Group members list in group profile user last seen text with mouse over
profileVerifiedCheckBg: windowBgActive; // Profile verified check icon background
profileVerifiedCheckFg: windowFgActive; // Profile verified check icon tick
profileAdminStartFg: COLOR_GREEN_LIGHT; // Star color for group/channhel admins and moderators (look in members list)
// settings
notificationsBoxMonitorFg: COLOR_GRAY; // Custom notifications settings box monitor color
notificationsBoxScreenBg: dialogsBgActive; // Custom notifications settings box monitor screen background
notificationSampleUserpicFg: windowBgActive; // Custom notifications settings box small sample userpic placeholder
notificationSampleCloseFg: #d7d7d7; // Custom notifications settings box small sample close button placeholder
notificationSampleTextFg: #d7d7d7; // Custom notifications settings box small sample text placeholder
notificationSampleNameFg: #939393; // Custom notifications settings box small sample name placeholder
mainMenuBg: COLOR_DARK; // Left menu background (lower part, not buttons)
mainMenuCoverBg: dialogsBgActive; // Left menu background (upper part)
mainMenuCoverFg: COLOR_WHITE; // Main menu top cover text
mediaPlayerBg: COLOR_DARK; // Music player background
mediaPlayerActiveFg: COLOR_GREEN_DARK; // Clickable Next song/Prev song button in music player + played part color
mediaPlayerInactiveFg: #4f5151; // "Disabled" Next song/Prev song button in music player + not player part color
mediaPlayerDisabledFg: #9dd1ef; // Music player audio loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet)
// mediaview
mediaviewFileBg: COLOR_DARK; // File rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file)
mediaviewFileNameFg: COLOR_GRAY; // File name in file rectangle
mediaviewFileSizeFg: COLOR_GRAY; // File size text in file rectangle
mediaviewFileRedCornerFg: #d55959; // Red file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .pdf)
mediaviewFileYellowCornerFg: #e8a659; // Yellow file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .zip)
mediaviewFileGreenCornerFg: #49a957; // Green file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .exe)
mediaviewFileBlueCornerFg: #599dcf; // Blue file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .dmg)
mediaviewFileExtFg: activeButtonFg; // File extension text in file thumbnail placeholder in file rectangle
mediaviewMenuBg: #383838; // Context menu in Media Viewer background
mediaviewMenuBgOver: #505050; // Menu items background (hover)
mediaviewMenuBgRipple: #676767; // Menu items background (press & hold)
mediaviewMenuFg: COLOR_WHITE; // Text color in media view menu
mediaviewBg: #222222eb; // Media Viewer background
mediaviewVideoBg: imageBg; // Media Viewer background when viewing a video in full screen
mediaviewControlBg: #0000003c; // Controls background (like next photo / previous photo)
mediaviewControlFg: COLOR_WHITE; // Controls icon (like next photo / previous photo)
mediaviewCaptionBg: #11111180; // Caption text background (when viewing photo with caption)
mediaviewCaptionFg: mediaviewControlFg; // Caption text color
mediaviewTextLinkFg: #91d9ff; // Links color in captions
mediaviewSaveMsgBg: toastBg; // 'Something was saved to % folder' message background
mediaviewSaveMsgFg: toastFg; // 'Something was saved to % folder' message text color
mediaviewPlaybackActive: #c7c7c7; // Video playback progress already played part
mediaviewPlaybackInactive: #252525; // Video playback progress upcoming (not played yet) part
mediaviewPlaybackActiveOver: COLOR_WHITE; // Video playback progress already played part with mouse over
mediaviewPlaybackInactiveOver: #474747; // Video playback progress upcoming (not played yet) part with mouse over
mediaviewPlaybackProgressFg: COLOR_WHITE; // Video playback progress text
mediaviewPlaybackIconFg: mediaviewPlaybackActive; // Video playback controls icon
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver; // Video playback controls icon with mouse over
mediaviewTransparentBg: COLOR_WHITE; // Transparent filling part (when viewing a transparent .png file in Media Viewer)
mediaviewTransparentFg: #cccccc; // Another transparent filling part
// notification
notificationBg: COLOR_DARK; // Notification background