Advertisement
Guest User

Untitled

a guest
Feb 27th, 2017
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.52 KB | None | 0 0
  1. //////////////////////////////////////////////////////////////////////////////////////////////////
  2. // //
  3. // Skeleton theme for telegram desktop //
  4. // //
  5. // //
  6. // You just need to modify the colors in "Color presets" and you have done! //
  7. // //
  8. // //
  9. //////////////////////////////////////////////////////////////////////////////////////////////////
  10.  
  11. // Color presets //
  12.  
  13. COLOR_WHITE: #ffffff;
  14. COLOR_BLACK: #000000;
  15.  
  16. // MISCELLANEOUS
  17.  
  18. WINDOW_BG: #f3d0de; //LATERAL AND GROUP/PROFILE
  19. SEARCH_FIELD_AND_BUTTONS_BG: #ffffff; //buttons color background and search field background;
  20. WINDOW_BORDER_SHADOW: #FFFFFF;//Window border shadow
  21. NOTIFICATION_BORDER: #FFFFFF;
  22. ACTIVE_LINE: #7F4A88; //Active line (like when you create a new group)
  23. ICON_COLOR: #7F4A88; //icon color (attachment, smile, find etc...)
  24. HOVER_ICON_COLOR: #DE95BA; //hover above
  25. TITLE_BAR: #DE95BA; //header bar program
  26. UNDREAD_COUNTER_PINS: #7F4A88; //DEFAULT #bbbbbb
  27.  
  28. //TEXT
  29.  
  30. MAIN_TEXT_CHAT_TEXT: #4A266A; //main text/chat text (in the menus and on the sidemenu)
  31. LAST_ACCESS_TEXT_COLOR: #7F4A88; //text color last access
  32. TITLE_SETTINGS_LEFT_MENU_OPTION: #8e3781 ; //Bold font (titles in Settings, Left menu options)
  33. ONLINE_STATUS_LINKS: #4A266A; //Link online status etc
  34. INCOMIN_MESSAGE_COLOR: #4A266A;
  35. OUTGOING_MESSAGE_COLOR: #ffffff;
  36. CLOCK_COLOR_OUTGOING: #FFFFFF;
  37. CLOCK_COLOR_INCOMING: #00002c;
  38. TICK_COLOR: #FFFFFF;
  39. TICK_COLOR_SELECTED: #00002c;
  40. TEXT_COLOR_TYPE_MESSAGE: #4A266A;
  41. DRAFT_CHAT_COLOR: #4A266A;
  42.  
  43. //BACKGROUND COLOR
  44.  
  45. INCOMING_BACKGROUND: #FFD9E8;
  46. SELECTED_INCOMING_BACKGROUND: #DE95BA;
  47.  
  48. OUTGOING_BACKGROUND: #7F4A88;
  49. SELECTED_OUTGOING_BACKGROUND: #DE95BA;
  50.  
  51. INCOMING_DATE_TEXT: #4A266A;
  52. INCOMING_DATE_TEXT_SELECTED: COLOR_BLACK;
  53.  
  54. OUTGOING_DATE_TEXT: #ffffff;
  55. OUTGOING_DATE_TEXT_SELECTED: COLOR_BLACK;
  56.  
  57. RECIVED_MESSAGE: #7F4A88;
  58. ACTIVE_CHAT_BG_COLOR: #7F4A88;
  59.  
  60. CHAT_LIST_BG_COLOR: #FFD9E8;
  61.  
  62.  
  63. //BUTTONS
  64.  
  65. BUTTON_SEND_SET_PIC: #4A266A; //button, send message, modify group, set profile pic and so on
  66. HOVER_BUTTON_SEND_SET_PIC: #DE95BA; //Hover above
  67. RIPPLE_BUTTON_SEND_SET_PIC: #7F4A88; //Ripple above
  68.  
  69. BUTTON_MODIFY_DELETE_SHARE: #DE95BA; //button modify delete share undo keep
  70. HOVER_BUTTON_MODIFY_DELETE_SHARE: #7F4A88; //hover above
  71. RIPPLE_BUTTON_MODIFY_DELETE_SHARE: #DE95BA; //ripple above
  72. TEXT_BUTTON_MODIFY_DELETE_SHARE: #4A266A; //text button above
  73.  
  74. // basic
  75. windowBg: WINDOW_BG; // Window backgrounds
  76. windowFg: MAIN_TEXT_CHAT_TEXT; // Main text / chat text
  77. windowBgOver: SEARCH_FIELD_AND_BUTTONS_BG; // Search field background + buttons color in context menu
  78. windowBgRipple: #e5e5e5; // Inactive chat in chats list (press & hold)
  79. windowFgOver: windowFg; // black: fallback for over text color
  80. windowSubTextFg: LAST_ACCESS_TEXT_COLOR; // Chats list message preview text
  81. windowSubTextFgOver: #919191; // Mouse over chats list message preview text
  82. windowBoldFg: TITLE_SETTINGS_LEFT_MENU_OPTION; // Bold font (titles in Settings, Left menu options)
  83. windowBoldFgOver: #222222; // Mouse over chats list chat name text (+ Left menu options on hover)
  84. windowBgActive: BUTTON_SEND_SET_PIC; // Active button background (+ checkboxes background)
  85. windowFgActive: COLOR_WHITE; // Active selected chats list text / button text + checkboxes' "ticks" color
  86. windowActiveTextFg: ONLINE_STATUS_LINKS; // Online status, links, recording cancel, etc
  87. windowShadowFg: WINDOW_BORDER_SHADOW; // Window border shadows
  88. windowShadowFgFallback: NOTIFICATION_BORDER; // Notification border
  89.  
  90. shadowFg: #00000018; // Internal border shadows
  91. slideFadeOutBg: #0000003c;
  92. slideFadeOutShadowFg: windowShadowFg; // Window slide animation shadow
  93.  
  94. imageBg: #000000;
  95. imageBgTransparent: #ffffff;
  96.  
  97. //widgets
  98. activeButtonBg: windowBgActive; // Currently selected button background
  99. activeButtonBgOver: HOVER_BUTTON_SEND_SET_PIC; // Mouse over currently selected button background
  100. activeButtonBgRipple: RIPPLE_BUTTON_SEND_SET_PIC;// Primary button background color (and active chat) - Press & hold
  101. activeButtonFg: windowFgActive; // Currently selected button text
  102. activeButtonFgOver: activeButtonFg; // Mouse over currently selected button text
  103. activeButtonSecondaryFg: cceeff; // Counter color on primary button
  104. activeButtonSecondaryFgOver: activeButtonSecondaryFg; // Counter color on primary button (hover)
  105. activeLineFg: ACTIVE_LINE; // Active input field line color (normal)
  106. activeLineFgError: #e48383; // Active input field line color (error)
  107.  
  108. lightButtonBg: BUTTON_MODIFY_DELETE_SHARE; // Secondary button background color (default)
  109. lightButtonBgOver: HOVER_BUTTON_MODIFY_DELETE_SHARE; // Secondary button background color (hover)
  110. lightButtonBgRipple: RIPPLE_BUTTON_MODIFY_DELETE_SHARE; // Secondary button background color (press & hold)
  111. lightButtonFg: TEXT_BUTTON_MODIFY_DELETE_SHARE; // Secondary button text color
  112. lightButtonFgOver: lightButtonFg;
  113.  
  114. attentionButtonFg: #d84343;
  115. attentionButtonFgOver: #d84343;
  116. attentionButtonBgOver: #ef9592;
  117. attentionButtonBgRipple: #d87c79;
  118.  
  119. outlineButtonBg: windowBg; // Buttons background in profiles (shared media)
  120. outlineButtonBgOver: lightButtonBgOver;
  121. outlineButtonOutlineFg: windowBgActive;
  122. outlineButtonBgRipple: lightButtonBgRipple;
  123.  
  124. menuBg: windowBg;
  125. menuBgOver: windowBgOver;
  126. menuBgRipple: windowBgRipple;
  127. menuIconFg: ICON_COLOR; // Icons color (left menu button, scroll down, paperclip..)
  128. menuIconFgOver: HOVER_ICON_COLOR; // Icons color on hover (left menu button, scroll down, paperclip..)
  129. menuSubmenuArrowFg: #373737; // (unknown)
  130. menuFgDisabled: #cccccc;
  131. menuSeparatorFg: COLOR_DARK; // (unknown)
  132.  
  133. scrollBarBg: #00000053; // Scrollbar (chats list) current position
  134. scrollBarBgOver: #0000007a; // Mouse over scrollbar (chats list) current position
  135. scrollBg: #00000000; // Scrollbar (chats list) background
  136. scrollBgOver: #0000001a; // Mouse over scrollbar (chats list) background
  137.  
  138. smallCloseIconFg: #c7c7c7;
  139. smallCloseIconFgOver: #a3a3a3;
  140.  
  141. radialFg: windowFgActive;
  142. radialBg: #00000056;
  143.  
  144. placeholderFg: windowSubTextFg; // Inactive input box placeholder text
  145. placeholderFgActive: #aaaaaa; // Active input box placeholder text
  146. inputBorderFg: #e0e0e0;
  147. filterInputBorderFg: BUTTON_SEND_SET_PIC; // Search field border
  148. filterInputInactiveBg: windowBgOver;
  149. checkboxFg: #b3b3b3;
  150.  
  151. sliderBgInactive: #e1eaef; // Inactive media player button (prev/next song)
  152. sliderBgActive: windowBgActive; // Active media player button (prev/next song)
  153.  
  154. tooltipBg: #eef2f5;
  155. tooltipFg: #5d6c80;
  156. tooltipBorderFg: #c9d1db;
  157.  
  158. // custom title bar for Windows and macOS
  159. titleBg: TITLE_BAR; // Title bar
  160. titleShadow: #00000003;
  161. titleButtonFg: #ababab; // Title bar buttons(min/max/close)
  162. titleButtonBgOver: #e5e5e5; // Title bar min/max background (hover)
  163. titleButtonFgOver: #9a9a9a; // Title bar min/max icons
  164. titleButtonCloseBgOver: #e81123;
  165. titleButtonCloseFgOver: windowFgActive;
  166. titleFgActive: #3e3c3e; // Active title bar text (Mac)
  167. titleFg: #acacac; // Inactive title bar text (Mac)
  168.  
  169. // tray icon
  170. trayCounterBg: #f23c34; // Unread messages counter background in tray (not muted, default red)
  171. trayCounterBgMute: #888888; // Unread messages counter background in tray (muted, default gray)
  172. trayCounterFg: COLOR_WHITE; // Unread messages counter text (number)
  173. trayCounterBgMacInvert: COLOR_WHITE;
  174. trayCounterFgMacInvert: COLOR_WHITE;
  175.  
  176. // layers
  177. layerBg: #0000007f;
  178.  
  179. cancelIconFg: menuIconFg;
  180. cancelIconFgOver: menuIconFgOver;
  181.  
  182. // boxes
  183. boxBg: COLOR_DARK; // Popup windows background color
  184. boxTextFg: COLOR_GRAY; // Popup windows text color
  185. boxTextFgGood: #4ab44a; // Popup windows "good" text (e.g. "Username available")
  186. boxTextFgError: #d84d4d; // Popup windows "bad" text (e.g. "Username already taken")
  187. boxTitleFg: COLOR_WHITE; // Popup windows titles color (sessions, contacts...)
  188. boxSearchBg: boxBg;
  189. boxSearchCancelIconFg: cancelIconFg;
  190. boxSearchCancelIconFgOver: cancelIconFgOver;
  191.  
  192. boxTitleAdditionalFg: #808080;
  193. boxTitleCloseFg: cancelIconFg;
  194. boxTitleCloseFgOver: cancelIconFgOver;
  195.  
  196. membersAboutLimitFg: windowSubTextFgOver;
  197.  
  198. contactsBg: COLOR_DARK; // Contacts list background color
  199. contactsBgOver: windowBgOver; // Contacts list mouse over background
  200. contactsNameFg: COLOR_WHITE;
  201. contactsStatusFg: COLOR_GRAY; // Contacts list last seen
  202. contactsStatusFgOver: windowSubTextFgOver;
  203. contactsStatusFgOnline: windowActiveTextFg;
  204.  
  205. photoCropFadeBg: layerBg; // "Out-of-bounds" area in photo cropping (avatars etc...)
  206. photoCropPointFg: COLOR_WHITE; // Photo crop "corners" (which you drag to crop photo)
  207.  
  208. // intro
  209. introBg: windowBg;
  210. introTitleFg: windowBoldFg;
  211. introDescriptionFg: windowSubTextFg;
  212. introErrorFg: windowSubTextFg;
  213.  
  214. introCoverTopBg: #0f89d0; // These lines refer to Telegram "plane" logo...
  215. introCoverBottomBg: #39b0f0; // ... on "startup" screen, before entering phone number...
  216. introCoverIconsFg: #5ec6ff; // ... unfortunately, this requires lots of logouts and logins...
  217. introCoverPlaneTrace: #5ec6ff69; // ... so not possible to test this. Sorry!
  218. introCoverPlaneInner: #c6d8e8;
  219. introCoverPlaneOuter: #a1bed4;
  220. introCoverPlaneTop: COLOR_WHITE;
  221.  
  222. dialogsMenuIconFg: menuIconFg;
  223. dialogsMenuIconFgOver: menuIconFgOver;
  224.  
  225. dialogsBg: CHAT_LIST_BG_COLOR; // Chats list background color
  226. dialogsNameFg: windowBoldFg;
  227. dialogsChatIconFg: dialogsNameFg;
  228. dialogsDateFg: windowSubTextFg; // Chats list date text
  229. dialogsTextFg: windowSubTextFg; // Chats list message preview text
  230. dialogsTextFgService: windowActiveTextFg; // Chats list message preview sender name
  231. dialogsDraftFg: #dd4b39; // "Draft" word
  232. dialogsVerifiedIconBg: windowBgActive; // Verification icon background
  233. dialogsVerifiedIconFg: windowFgActive; // Verification icon check color
  234. dialogsSendingIconFg: #c1c1c1;
  235. dialogsSentIconFg: RECIVED_MESSAGE;
  236. dialogsUnreadBg: windowBgActive; // Chats list unread counter background
  237. dialogsUnreadBgMuted: UNDREAD_COUNTER_PINS; // Unread counter (for muted chats) + pins color(?)
  238. dialogsUnreadFg: windowFgActive; // Unread counter text color
  239.  
  240. dialogsBgOver: windowBgOver; // Inactive chat color on hover
  241. dialogsNameFgOver: windowBoldFgOver;
  242. dialogsChatIconFgOver: dialogsNameFgOver;
  243. dialogsDateFgOver: windowSubTextFgOver;
  244. dialogsTextFgOver: windowSubTextFgOver;
  245. dialogsTextFgServiceOver: dialogsTextFgService; // Mouse over chats list message preview sender name
  246. dialogsDraftFgOver: dialogsDraftFg;
  247. dialogsVerifiedIconBgOver: dialogsVerifiedIconBg;
  248. dialogsVerifiedIconFgOver: dialogsVerifiedIconFg;
  249. dialogsSendingIconFgOver: dialogsSendingIconFg;
  250. dialogsSentIconFgOver: dialogsSentIconFg;
  251. dialogsUnreadBgOver: dialogsUnreadBg;
  252. dialogsUnreadBgMutedOver: dialogsUnreadBgMuted;
  253. dialogsUnreadFgOver: dialogsUnreadFg;
  254.  
  255. dialogsBgActive: ACTIVE_CHAT_BG_COLOR; // Active chat color (in chats list)
  256. dialogsNameFgActive: windowFgActive;
  257. dialogsChatIconFgActive: dialogsNameFgActive;
  258. dialogsDateFgActive: windowFgActive;
  259. dialogsTextFgActive: windowFgActive;
  260. dialogsTextFgServiceActive: dialogsTextFgActive;
  261. dialogsDraftFgActive: DRAFT_CHAT_COLOR; // "Draft" word when chat is selected
  262. dialogsVerifiedIconBgActive: dialogsTextFgActive;
  263. dialogsVerifiedIconFgActive: dialogsBgActive;
  264. dialogsSendingIconFgActive: COLOR_WHITE;
  265. dialogsSentIconFgActive: dialogsTextFgActive;
  266. dialogsUnreadBgActive: dialogsTextFgActive;
  267. dialogsUnreadBgMutedActive: dialogsDraftFgActive;
  268. dialogsUnreadFgActive: dialogsBgActive;
  269.  
  270. dialogsForwardBg: dialogsBgActive;
  271. dialogsForwardFg: dialogsNameFgActive;
  272.  
  273. searchedBarBg: windowBgOver; // Search results window background color
  274. searchedBarBorder: shadowFg;
  275. searchedBarFg: windowSubTextFgOver; // Search results text color
  276.  
  277. // history
  278. topBarBg: windowBg; // Chat header background
  279. emojiPanBg: windowBg; // Sticker panel background
  280. emojiPanCategories: #f7f7f7; // Sticker panel bottom bar background
  281. emojiPanHeaderFg: windowSubTextFg; // Sticker panel title text
  282. emojiPanHeaderBg: #fffffff2; // Sticker panel top bar background
  283. stickerPanDeleteBg: #000000cc;
  284. stickerPanDeleteFg: windowFgActive;
  285. stickerPreviewBg: #2f2f2fCC; // Sticker preview background
  286.  
  287. historyTextInFg: INCOMIN_MESSAGE_COLOR; // Incoming messages TEXT color
  288. historyTextOutFg: OUTGOING_MESSAGE_COLOR; // Outgoing messages TEXT color
  289. historyCaptionInFg: historyTextInFg;
  290. historyCaptionOutFg: historyTextOutFg;
  291. historyFileNameInFg: historyTextInFg;
  292. historyFileNameOutFg: historyTextOutFg;
  293. historyOutIconFg: TICK_COLOR; // "Eye" and "Ticks" color for outgoing messages (selected)
  294. historyOutIconFgSelected: TICK_COLOR_SELECTED; // "Eye" and "Ticks" color for outgoing messages (selected)
  295. historyIconFgInverted: windowFgActive;
  296. historySendingOutIconFg: CLOCK_COLOR_OUTGOING; // "Clock" icon while sending file (outgoing)
  297. historySendingInIconFg: CLOCK_COLOR_INCOMING; // "Clock" icon while sending file (incoming)
  298. historySendingInvertedIconFg: ffffffc8;
  299.  
  300. historySystemBg: #89a0b47f;
  301. historySystemBgSelected: #bbc8d4a2;
  302. historySystemFg: windowFgActive;
  303.  
  304. historyUnreadBarBg: #fcfbfa; // Unread messages bar color
  305. historyUnreadBarBorder: shadowFg;
  306. historyUnreadBarFg: #538bb4;
  307.  
  308. historyForwardChooseBg: #0000004c; // "Choose recipient" BACKGROUND color (forwarding)
  309. historyForwardChooseFg: windowFgActive; // "Choose recipient" TEXT color (forwarding)
  310.  
  311. historyPeer1NameFg: #ff9100; // Group chat sender name - Orange
  312. historyPeer1UserpicBg: #e17076;
  313. historyPeer2NameFg: #4fad2d; // Green
  314. historyPeer2UserpicBg: #7bc862;
  315. historyPeer3NameFg: #d09306; // Gold
  316. historyPeer3UserpicBg: #e5ca77;
  317. historyPeer4NameFg: #15cd7d; // Light green
  318. historyPeer4UserpicBg: #65aadd;
  319. historyPeer5NameFg: #9a4ff7; // Violet
  320. historyPeer5UserpicBg: #a695e7;
  321. historyPeer6NameFg: #cd4073; // "Raspberry"
  322. historyPeer6UserpicBg: #ee7aae;
  323. historyPeer7NameFg: #2996ad; // Cyan
  324. historyPeer7UserpicBg: #6ec9cb;
  325. historyPeer8NameFg: #ce671b; // One more orange?!
  326. historyPeer8UserpicBg: #faa774;
  327. historyPeerUserpicFg: COLOR_WHITE;
  328.  
  329. historyScrollBarBg: #15cd7d7a; // Scrollbar (history view) background
  330. historyScrollBarBgOver: #15cd7dbc; // Scrollbar (history view) background (hover)
  331. historyScrollBg: #6f72724d; // Scrollbar (history view) current position background
  332. historyScrollBgOver: #6f727280; // Scrollbar (history view) current position background (hover)
  333.  
  334. msgInBg: INCOMING_BACKGROUND; // Incoming message background
  335. msgInBgSelected: SELECTED_INCOMING_BACKGROUND; // Selected incoming message background
  336. msgOutBg: OUTGOING_BACKGROUND; // Outgoing message background
  337. msgOutBgSelected: SELECTED_OUTGOING_BACKGROUND; // Selected outgoing message background
  338. msgSelectOverlay: msgOutBgSelected; // Selected media (images...) overlay
  339. msgStickerOverlay: msgOutBgSelected; // Selected sticker overlay
  340. msgInServiceFg: windowActiveTextFg; // Incoming reply quoted name
  341. msgInServiceFgSelected: windowActiveTextFg; // Selected incoming reply quoted name
  342. msgOutServiceFg: windowActiveTextFg; // Outgoing reply quoted name
  343. msgOutServiceFgSelected: windowActiveTextFg; // Selected outgoing reply quoted name
  344. msgInShadow: #3d3c3c29; // Incoming message box shadow
  345. msgInShadowSelected: #2f303029; // Selected incoming message box shadow
  346. msgOutShadow: #4e4f4e40; // Outgoing message box shadow
  347. msgOutShadowSelected: #2f303040; // Selected outgoing message box shadow
  348. msgInDateFg: INCOMING_DATE_TEXT; // Incoming message date text
  349. msgInDateFgSelected: INCOMING_DATE_TEXT_SELECTED;
  350. msgOutDateFg: OUTGOING_DATE_TEXT; // Outgoing message date text
  351. msgOutDateFgSelected: OUTGOING_DATE_TEXT_SELECTED;
  352. msgServiceFg: windowFgActive; // Service messages TEXT color (join, left etc)
  353. msgServiceBg: #00558059; // Service messages BACKGROUND color (join, left etc)
  354. msgServiceBgSelected: #62afdda2;
  355. msgInReplyBarColor: activeLineFg; // Incoming msg: vertical bar next to reply
  356. msgInReplyBarSelColor: activeLineFg; // Incoming msg: vertical bar next to reply (selected)
  357. msgOutReplyBarColor: historyOutIconFg; // Outgoing msg: vertical bar next to reply
  358. msgOutReplyBarSelColor: historyOutIconFgSelected; // Outgoing msg: vertical bar next to reply (selected)
  359. msgImgReplyBarColor: msgServiceFg;
  360. msgInMonoFg: #ff2eda; // Monowidth font / incoming msg
  361. msgOutMonoFg: #ff2eda; // Monowidth font / outgoing msg
  362. msgDateImgFg: msgServiceFg;
  363. msgDateImgBg: #00000054; // Download / play / etc overlay backgrounds
  364. msgDateImgBgOver: #00000074; // Mouse over download / play / etc overlay backgrounds
  365. msgDateImgBgSelected: #1c4a7187;
  366.  
  367. msgFileThumbLinkInFg: lightButtonFg;
  368. msgFileThumbLinkInFgSelected: lightButtonFgOver;
  369. msgFileThumbLinkOutFg: lightButtonFg;
  370. msgFileThumbLinkOutFgSelected: lightButtonFgOver;
  371. msgFileInBg: windowBgActive;
  372. msgFileInBgOver: #4eade3;
  373. msgFileInBgSelected: #51a3d3;
  374. msgFileOutBg: windowBg;
  375. msgFileOutBgOver: #4eade3;
  376. msgFileOutBgSelected: #51a3d3;
  377.  
  378. msgFile1Bg: #72b1df;
  379. msgFile1BgDark: #5c9ece;
  380. msgFile1BgOver: #5294c4;
  381. msgFile1BgSelected: #5099d0;
  382. msgFile2Bg: #61b96e;
  383. msgFile2BgDark: #4da859;
  384. msgFile2BgOver: #44a050;
  385. msgFile2BgSelected: #46a07e;
  386. msgFile3Bg: #e47272;
  387. msgFile3BgDark: #cd5b5e;
  388. msgFile3BgOver: #c35154;
  389. msgFile3BgSelected: #9f6a82;
  390. msgFile4Bg: #efc274;
  391. msgFile4BgDark: #e6a561;
  392. msgFile4BgOver: #dc9c5a;
  393. msgFile4BgSelected: #b19d84;
  394.  
  395. msgWaveformInActive: windowBgActive; // Incoming Voice "heard" part
  396. msgWaveformInActiveSelected: #51a3d3; // Selected incoming Voice "heard" part
  397. msgWaveformInInactive: #DE95BA; // Incoming Voice "unheard" part
  398. msgWaveformInInactiveSelected: #9cc1e1; // Selected incoming Voice "unheard" part
  399. msgWaveformOutActive: #DE95BA; // Outgoing Voice "heard" part
  400. msgWaveformOutActiveSelected: #51a3d3; // Selected outgoing Voice "heard" part
  401. msgWaveformOutInactive: #FFD9E8; // Outgoing Voice "unheard" part
  402. msgWaveformOutInactiveSelected: #87bcdb; // Selected outgoing Voice "unheard" part
  403.  
  404. msgBotKbOverBgAdd: #ffffff20; // Inline button (hover)
  405. msgBotKbIconFg: msgServiceFg; // Inline button icon color (URL Buttons, for example)
  406. msgBotKbRippleBg: #00000020; // Inline button (press & hold)
  407.  
  408. mediaInFg: msgInDateFg;
  409. mediaInFgSelected: msgInDateFgSelected;
  410. mediaOutFg: msgOutDateFg;
  411. mediaOutFgSelected: msgOutDateFgSelected;
  412.  
  413. youtubePlayIconBg: #0000007f;
  414. youtubePlayIconFg: ffffff;
  415. videoPlayIconBg: #0000007f;
  416. videoPlayIconFg: #ffffff;
  417. toastBg: #000000b2;
  418. toastFg: windowFgActive;
  419.  
  420. reportSpamBg: emojiPanHeaderBg;
  421. reportSpamFg: windowFg;
  422.  
  423. historyToDownShadow: #00000040;
  424. historyComposeAreaBg: msgInBg;
  425. historyComposeAreaFg: TEXT_COLOR_TYPE_MESSAGE; // Text color in "Type your message" field
  426. historyComposeAreaFgService: msgInDateFg;
  427. historyComposeIconFg: menuIconFg;
  428. historyComposeIconFgOver: menuIconFgOver;
  429. historySendIconFg: windowBgActive;
  430. historySendIconFgOver: windowBgActive;
  431. historyPinnedBg: historyComposeAreaBg;
  432. historyReplyBg: historyComposeAreaBg;
  433. historyReplyCancelFg: cancelIconFg;
  434. historyReplyCancelFgOver: cancelIconFgOver;
  435.  
  436. historyComposeButtonBg: historyComposeAreaBg;
  437. historyComposeButtonBgOver: windowBgOver;
  438. historyComposeButtonBgRipple: windowBgRipple;
  439.  
  440. // overview
  441. overviewCheckBg: #00000040;
  442. overviewCheckFg: windowBg;
  443. overviewCheckFgActive: windowBg;
  444. overviewPhotoSelectOverlay: #40ace333;
  445. profileStatusFgOver: #7c99b2;
  446. notificationsBoxMonitorFg: windowFg;
  447. notificationsBoxScreenBg: dialogsBgActive;
  448. notificationSampleUserpicFg: windowBgActive;
  449. notificationSampleCloseFg: #d7d7d7;
  450. notificationSampleTextFg: #d7d7d7;
  451. notificationSampleNameFg: #939393;
  452.  
  453. mainMenuBg: windowBg; // Left menu background (lower part, not buttons)
  454. mainMenuCoverBg: dialogsBgActive; // Left menu background (upper part)
  455. mainMenuCoverFg: windowFgActive;
  456.  
  457. mediaPlayerBg: windowBg; // Music player background
  458. mediaPlayerActiveFg: windowBgActive; // Clickable Next song/Prev song button in music player
  459. mediaPlayerInactiveFg: sliderBgInactive; // "Disabled" Next song/Prev song button in music player
  460. mediaPlayerDisabledFg: #9dd1ef;
  461. mediaviewFileBg: windowBg;
  462. mediaviewFileNameFg: windowFg;
  463. mediaviewFileSizeFg: windowSubTextFg;
  464. mediaviewFileRedCornerFg: #d55959;
  465. mediaviewFileYellowCornerFg: #e8a659;
  466. mediaviewFileGreenCornerFg: #49a957;
  467. mediaviewFileBlueCornerFg: #599dcf;
  468. mediaviewFileExtFg: activeButtonFg;
  469. mediaviewMenuBg: #383838;
  470. mediaviewMenuBgOver: #505050;
  471. mediaviewMenuBgRipple: #676767;
  472. mediaviewMenuFg: windowFgActive;
  473. mediaviewBg: #222222eb;
  474. mediaviewVideoBg: imageBg;
  475. mediaviewControlBg: #0000003c;
  476. mediaviewControlFg: windowFgActive;
  477. mediaviewCaptionBg: #11111180;
  478. mediaviewCaptionFg: mediaviewControlFg;
  479. mediaviewTextLinkFg: #91d9ff;
  480. mediaviewSaveMsgBg: toastBg;
  481. mediaviewSaveMsgFg: toastFg;
  482. mediaviewPlaybackActive: #c7c7c7;
  483. mediaviewPlaybackInactive: #252525;
  484. mediaviewPlaybackActiveOver: COLOR_WHITE;
  485. mediaviewPlaybackInactiveOver: #474747;
  486. mediaviewPlaybackProgressFg: #ffffffc7;
  487. mediaviewPlaybackIconFg: mediaviewPlaybackActive;
  488. mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver;
  489. mediaviewTransparentBg: COLOR_WHITE;
  490. mediaviewTransparentFg: #cccccc;
  491. notificationBg: windowBg; // Notification background
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement