nekochemist
5f53423ef2
modified: Kvantum/matugen/matugen.svg modified: btop/themes/matugen.theme modified: cava/themes/matugen modified: clipse/matugen.json new file: fish/functions/up-or-search.fish modified: foot/themes/matugen-theme.ini modified: gtk-3.0/colors.css modified: gtk-3.0/colors.css.bak modified: gtk-3.0/colors.css.nak modified: gtk-4.0/colors.css modified: gtk-4.0/colors.css.bak modified: hypr/colors-hyprlock.conf modified: hypr/colors.conf modified: hypr/hyprtoolkit.conf modified: hyprwhspr/mic_osd.pid new file: ironbar/1 modified: ironbar/colors.css modified: ironbar/config.json new file: ironbar/config.json.matugen new file: ironbar/schema-v0.18.0.json modified: kitty/current-theme.conf new file: kitty/current-theme1.conf new file: kitty/dank-tabs.conf modified: kitty/themes/Matugen.conf modified: matugen/config.toml new file: matugen/config1.toml new file: matugen/custom3.json modified: matugen/scripts/foot-apply-colors.sh modified: mimeapps.list modified: niri/binds.kdl modified: niri/colors.kdl modified: niri/config.kdl new file: niri/dms/alttab.kdl new file: niri/dms/binds.kdl new file: niri/dms/colors.kdl new file: niri/dms/cursor.kdl new file: niri/dms/layout.kdl new file: niri/dms/outputs.kdl new file: niri/dms/profiles/profile_1776211496314_g03e3q.kdl new file: niri/dms/windowrules.kdl new file: niri/dms/wpblur.kdl new file: niri/scripts/caps new file: niri/scripts/clipse.sh new file: niri/scripts/ironbar-toggle.sh new file: niri/scripts/satty.sh modified: niri/spawn-at-startup.kdl modified: niri/window-rule.kdl modified: nvim/lua/matugen.lua modified: rmpc/themes/matugen.ron modified: starship.toml modified: swaync/colors.css new file: swaync/config_1.json new file: swaync/style_1.css modified: swayosd/colors.css modified: telegram/matugen.tdesktop-theme modified: telegram/matugen/background.jpg modified: telegram/matugen/background.svg modified: telegram/matugen/colors.tdesktop-theme modified: tmux/colors.conf modified: walker/themes/matugen/colors.css modified: yazi/theme.toml
606 lines
59 KiB
QML
606 lines
59 KiB
QML
// vim: filetype=qml
|
|
|
|
windowBg: #2a241c /* #282e33 */; // white: fallback for background
|
|
windowFg: #fff3e6 /* #f5f5f5 */; // black: fallback for text
|
|
windowBgOver: #352e26 /* #313b43 */; // light gray: fallback for background with mouse over
|
|
windowBgRipple: #403930 /* #3f4850 */; // darker gray: fallback for ripple effect
|
|
windowFgOver: #ffe7cd /* #e9ecf0 */; // black: fallback for text with mouse over
|
|
windowSubTextFg: #d3c4b4 /* #82868a */; // gray: fallback for additional text
|
|
windowSubTextFgOver: #cab7a4 /* #797b7f */; // darker gray: fallback for additional text with mouse over
|
|
windowBoldFg: windowFg /* #e9e8e8 */; // dark gray: fallback for bold text
|
|
windowBoldFgOver: windowBoldFg /* #e9e9e9 */; // dark gray: fallback for bold text with mouse over
|
|
windowBgActive: #f3bd6e /* #3fc1b0 */; // bright blue: fallback for blue filled active areas
|
|
windowFgActive: #301d00 /* #ffffff */; // white: fallback for text on active areas (NOTE(eqrfns): this unfortunately can be used in radically different (and unexpected) places)
|
|
windowActiveTextFg: #f3bd6e /* #4be1c3 */; // online blue: fallback for active text like online status
|
|
windowShadowFg: #000000; // black: fallback for shadow
|
|
windowShadowFgFallback: windowBg; // gray: fallback for shadow without opacity
|
|
shadowFg: #00000018; // most shadows (including opacity)
|
|
slideFadeOutBg: #0000003c; // slide animation (chat to profile) fade out filling
|
|
slideFadeOutShadowFg: windowShadowFg; // slide animation (chat to profile) fade out right section shadow
|
|
imageBg: #000000; // image background fallback (when photo size is less than minimum allowed)
|
|
imageBgTransparent: #fff3e6 /* #ffffff */; // image background when displaying an image with opacity where no opacity is needed
|
|
activeButtonBg: #986c25 /* #2da192 */; // default active button background (NOTE(eqrfns): this is also used for folder icons in "My folders" list)
|
|
activeButtonBgOver: #ad7b2a /* #32a896 */; // default active button background with mouse over
|
|
activeButtonBgRipple: #704a01 /* #42b8a6 */; // default active button ripple effect
|
|
activeButtonFg: #ffffff /* #ffffff */; // default active button text
|
|
activeButtonFgOver: #ffffff /* #ffffff */; // default active button text with mouse over
|
|
activeButtonSecondaryFg: #ffffff /* #8ee4d9 */; // default active button additional text (selected messages counter in forward / delete buttons)
|
|
activeButtonSecondaryFgOver: activeButtonSecondaryFg; // default active button additional text with mouse over
|
|
activeLineFg: #f3bd6e /* #3ee2c9 */; // default active line (like code input field bottom border when you log in and field is focused)
|
|
activeLineFgError: #ffb4ab /* #f57878 */; // default active line for error state (like code input field bottom border when you log in and you've entered incorrect code)
|
|
lightButtonBg: #2a241c /* #282e33 */; // default light button background (like buttons in boxes)
|
|
lightButtonBgOver: #352e26 /* #313b43 */; // default light button background with mouse over
|
|
lightButtonBgRipple: #403930 /* #3c474f */; // default light button ripple effect
|
|
lightButtonFg: #f3bd6e /* #79e8d9 */; // default light button text
|
|
lightButtonFgOver: lightButtonFg; // default light button text with mouse over
|
|
attentionButtonFg: #ffb4ab /* #f57474 */; // default attention button text (like confirm button on log out)
|
|
attentionButtonFgOver: #ff9d92 /* #e76060 */; // default attention button text with mouse over
|
|
attentionButtonBgOver: #4b000264 /* #613a3a64 */; // default attention button background with mouse over
|
|
attentionButtonBgRipple: #ffffff /* #f4c3c2 */; // default attention button ripple effect
|
|
outlineButtonBg: windowBg; // default left outlined button background (like shared media links in profiles)
|
|
outlineButtonBgOver: #352e26 /* #313b43 */; // default left outlined button background with mouse over
|
|
outlineButtonOutlineFg: #f3bd6e /* #29baa7 */; // default left outlined button left outline border (NOTE(eqrfns): outlineButton* colors seem unused?)
|
|
outlineButtonBgRipple: #403930 /* #3c474f */; // default left outlined button ripple effect
|
|
menuBg: #2a241c /* #282e33 */; // default popup menu background
|
|
menuBgOver: #fff3e6 /* #ffffff */; // default popup menu item background with mouse over
|
|
menuBgRipple: #352e26 /* #26292d */; // default popup menu item ripple effect
|
|
menuIconFg: #ab9e8e /* #808080 */; // default popup menu item icon (like main menu)
|
|
menuIconFgOver: #d3c4b4 /* #dcdcdc */; // default popup menu item icon with mouse over
|
|
menuSubmenuArrowFg: #ff00ff /*#757575 */ ; // default popup menu submenu arrow icon (like in message field context menu in case of RTL system language) (NOTE(eqrfns): seems unused?)
|
|
menuFgDisabled: #d3c4b4 /* #737373 */; // default popup menu item disabled text (like unavailable items in message field context menu) (NOTE(eqrfns): this shows up for a split second in context menus sometimes)
|
|
menuSeparatorFg: #403930 /* #42484d */; // default popup menu separator (like in message field context menu)
|
|
scrollBarBg: #fff3e653 /* #ffffff53 */; // default scroll bar current rectangle, the bar itself (like in chats list)
|
|
scrollBarBgOver: #fff3e67a /* #ffffff7a */; // default scroll bar current rectangle with mouse over it
|
|
scrollBg: #fff3e61a /* #ffffff1a */; // default scroll bar background
|
|
scrollBgOver: #fff3e62c /* #ffffff2c */; // default scroll bar background with mouse over the scroll bar
|
|
smallCloseIconFg: #ab9e8e /* #6d6d6d */; // small X icon (like in Show all sessions box to the right for sessions termination)
|
|
smallCloseIconFgOver: #d3c4b4 /* #a3a3a3 */; // small X icon with mouse over
|
|
radialFg: #ffffff /* windowFgActive */; // 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: #d3c4b4 /* #818991 */; // default input field placeholder when field is not focused (like in phone input field when you log in)
|
|
placeholderFgActive: #ab9e8e /* #5d6165 */; // default input field placeholder when field is focused
|
|
inputBorderFg: #ab9e8e /* #6f6f6f */; // default input field bottom border (like in code input field when you log in and field is not focused)
|
|
filterInputBorderFg: #403930 /* #3d444b */; // default rounded input field border (like in chats list search field when field is focused)
|
|
filterInputInactiveBg: #403930 /* #3d444b */; // default rounded input field background (like in chats list search field when field is inactive)
|
|
checkboxFg: #ab9e8e /* #6c6c6c */; // default unchecked checkbox rounded rectangle (and also emoji category icons)
|
|
sliderBgInactive: #ab9e8e /* #545454 */; // default slider not active bar (like in Settings when you choose interface scale or custom notifications count)
|
|
sliderBgActive: windowBgActive; // default slider active bar (like in Settings when you choose interface scale or custom notifications count) (NOTE(eqrfns): this is actualy a highlight bar under the emoji/sticker/gif tabs?)
|
|
tooltipBg: #2a241c /* #282e33 */; // tooltip background (like when you put mouse over the message timestamp and wait)
|
|
tooltipFg: #d3c4b4 /* #9a9e9c */; // tooltip text
|
|
tooltipBorderFg: #352e26 /* #313b43 */; // tooltip border
|
|
titleShadow: #00000003; // one pixel line shadow at the bottom of custom window title
|
|
titleBg: #403930 /* #3a4047 */; // custom window title background when window is inactive
|
|
titleBgActive: titleBg; // custom window title background when window is active
|
|
titleButtonBg: titleBg; // custom window title minimize/maximize/restore button background when window is inactive (Windows only)
|
|
titleButtonFg: #d3c4b4 /* #8b9096 */; // custom window title minimize/maximize/restore button icon when window is inactive (Windows only)
|
|
titleButtonBgOver: #4c535b; // custom window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only)
|
|
titleButtonFgOver: #e0e0e0; // custom window title minimize/maximize/restore button icon with mouse over when window is inactive (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: #da342e /* #e81123 */; // custom window title close button background with mouse over when window is inactive (Windows only)
|
|
titleButtonCloseFgOver: #ffffff /* windowFgActive */; // custom window title close button icon with mouse over when window is inactive (Windows only)
|
|
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)
|
|
titleFg: #ab9e8e /* #666666 */; // custom window title text when window is inactive (macOS only)
|
|
titleFgActive: #ab9e8e /* #808080 */; // custom window title text when window is active (macOS only)
|
|
trayCounterBg: #f23c34; // tray icon counter background
|
|
trayCounterBgMute: #888888; // tray icon counter background if all unread messages are muted
|
|
trayCounterFg: #ffffff; // tray icon counter text
|
|
trayCounterBgMacInvert: #ffffff; // tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only)
|
|
trayCounterFgMacInvert: #ffffff01; // tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only)
|
|
layerBg: #0000007f; // box and main menu background layer fade
|
|
cancelIconFg: #ab9e8e /* #666666 */; // default for settings close icon and box search cancel icon
|
|
cancelIconFgOver: #d3c4b4 /* #dcdcdc */; // default for settings close icon and box search cancel icon with mouse over
|
|
boxBg: windowBg; // box background
|
|
boxTextFg: windowFg; // box text
|
|
boxTextFgGood: #f3bd6e /* #56dbce */; // accepted box text (like when choosing username that is not occupied) (NOTE(eqrfns): this is also used for the selected messages checkmark background)
|
|
boxTextFgError: #ffb4ab /* #d84d4d */; // rejecting box text (like when choosing username that is occupied)
|
|
boxTitleFg: #d3c4b4 /* #ebebeb */; // box title text
|
|
boxSearchBg: #2a241c /* #282e33 */; // box search field background (like in contacts box)
|
|
boxTitleAdditionalFg: #ab9e8e /* #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: #ab9e8e /* #5e6065 */; // text in channel members box about the limit (max 200 last members are shown) (NOTE(eqrfns): haven't seen this yet)
|
|
contactsBg: #2a241c /* #222528 */; // contacts (and some other) box row background
|
|
contactsBgOver: #2a241c /* #282e33 */; // contacts (and some other) box row background with mouse over
|
|
contactsNameFg: boxTextFg; // contacts (and some other) box row name text
|
|
contactsStatusFg: #ab9e8e /* #808080 */; // contacts (and some other) box row additional text (like last seen stamp)
|
|
contactsStatusFgOver: #ab9e8e /* #808080 */; // contacts (and some other) box row additional text (like last seen stamp) with mouse over
|
|
contactsStatusFgOnline: #f3bd6e /* #55e1d3 */; // contacts (and some other) box row active additional text (like online status)
|
|
photoCropFadeBg: layerBg; // avatar crop box fade background (when choosing a new photo in Settings or for a group)
|
|
photoCropPointFg: #fff3e67f /* #ffffff7f */; // avatar crop box corner rectangles (when choosing a new photo in Settings or for a group)
|
|
callArrowFg: #b7cea2 /* #2bc7b7 */; // received phone call arrow (NOTE(eqrfns): this is not the color you see in chats, instead this is used by the "Calls" overview you can find in the hamburger menu)
|
|
callArrowMissedFg: #ffb4ab /* #dd5b4a */; // missed phone call arrow (in calls list box)
|
|
introBg: windowBg; // login background
|
|
introTitleFg: #d3c4b4 /* #eeeeee */; // login title text
|
|
introDescriptionFg: #d3c4b499 /* #999999 */; // login description text
|
|
introErrorFg: #ffb4ab /* #999999 */; // login error text (like when providing a wrong log in code)
|
|
introCoverTopBg: #986c25 /* #188173 */; // intro gradient top (from) (NOTE(eqrfns): haven't checked this)
|
|
introCoverBottomBg: #986c25 /* #188173 */; // intro gradient bottom (to)
|
|
introCoverIconsFg: #ffffff /* #34a493 */; // intro cloud graphics
|
|
introCoverPlaneTrace: #ffffff /* #329d8f */; // intro plane traces
|
|
introCoverPlaneInner: #ced9e2; // intro plane part (NOTE(eqrfns): haven't seen this yet)
|
|
introCoverPlaneOuter: #97a9b5; // intro plane part (NOTE(eqrfns): haven't seen this yet)
|
|
introCoverPlaneTop: #ffffff; // intro plane part (NOTE(eqrfns): haven't seen this yet)
|
|
dialogsMenuIconFg: menuIconFg; // main menu and lock telegram icon
|
|
dialogsMenuIconFgOver: menuIconFgOver; // main menu and lock telegram icon with mouse over
|
|
dialogsBg: windowBg; // chat list background
|
|
dialogsNameFg: #fff3e6 /* #f5f5f5 */; // chat list name text
|
|
dialogsChatIconFg: dialogsNameFg; // chat list group or channel icon
|
|
dialogsDateFg: #ab9e8e /* #6d727c */; // chat list date text
|
|
dialogsTextFg: #ab9e8e /* #8d939e */; // chat list message text
|
|
dialogsTextFgService: #d3c4b4 /* #ebebeb */; // chat list group sender name text (or media message type text)
|
|
dialogsDraftFg: #ffb4ab /* #ec6657 */; // chat list draft label
|
|
dialogsVerifiedIconBg: #ddc2a1 /* #53edde */; // chat list verified icon background
|
|
dialogsVerifiedIconFg: #2a241c /* #282e33 */; // chat list verified icon check (NOTE(eqrfns): not sure where this is used, but it is referenced in the code)
|
|
dialogsSendingIconFg: #ab9e8e /* #727272 */; // chat list sending message icon (clock)
|
|
dialogsSentIconFg: #f3bd6e /* #20eed9 */; // chat list sent message tick / double tick icon
|
|
dialogsUnreadBg: #986c25 /* #05a091 */; // chat list unread badge background for not muted chat
|
|
dialogsUnreadBgMuted: #776e6099 /* #495159 */; // chat list unread badge background for muted chat (NOTE(eqrfns): this is also used for the "pinned" icon, and also for folder icons in the "add to folder" submenu of a chat "More" menu. I hate this...)
|
|
dialogsUnreadFg: #ffffff /* #ffffff */; // chat list unread badge text
|
|
dialogsOnlineBadgeFg: #f3bd6e /* #0ae7d1 */; // chat list online status
|
|
dialogsBgOver: #403930 /* #353c43 */; // chat list background with mouse over
|
|
dialogsNameFgOver: windowBoldFgOver; // chat list name text with mouse over
|
|
dialogsChatIconFgOver: dialogsNameFgOver; // chat list group or channel icon with mouse over
|
|
dialogsDateFgOver: #ab9e8e /* #6d727c */; // chat list date text with mouse over
|
|
dialogsTextFgOver: #d3c4b4 /* #a3a7ae */; // chat list message text with mouse over
|
|
dialogsTextFgServiceOver: #fff3e6 /* #f0f0f0 */; // chat list group sender name text with mouse over
|
|
dialogsDraftFgOver: dialogsDraftFg; // chat list draft label with mouse over
|
|
dialogsVerifiedIconBgOver: #ddc2a1 /* #53edde */; // 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: #f3bd6e /* #41f0de */; // chat list sent message tick / double tick icon with mouse over
|
|
dialogsUnreadBgOver: #986c25 /* #009687 */; // chat list unread badge background for not muted chat with mouse over
|
|
dialogsUnreadBgMutedOver: #82705599 /* #555e67 */; // chat list unread badge background for muted chat with mouse over
|
|
dialogsUnreadFgOver: dialogsUnreadFg; // chat list unread badge text with mouse over
|
|
dialogsBgActive: #986c25 /* #009687 */; // chat list background for current (active) chat
|
|
dialogsNameFgActive: #ffffff /* windowFgActive */; // chat list name text for current (active) chat
|
|
dialogsChatIconFgActive: dialogsNameFgActive; // chat list group or channel icon for current (active) chat
|
|
dialogsDateFgActive: #ffffff /* windowFgActive */; // chat list date text for current (active) chat
|
|
dialogsTextFgActive: #ffffff /* windowFgActive */; // chat list message text for current (active) chat
|
|
dialogsTextFgServiceActive: dialogsTextFgActive; // chat list group sender name text for current (active) chat
|
|
dialogsDraftFgActive: #ffffff99 /* #c6f7f3 */; // chat list draft label for current (active) chat
|
|
dialogsVerifiedIconBgActive: dialogsTextFgActive; // chat list verified icon background for current (active) chat
|
|
dialogsVerifiedIconFgActive: dialogsBgActive; // chat list verified icon check for current (active) chat
|
|
dialogsSendingIconFgActive: #ffffff99 /* #ffffff99 */; // chat list sending message icon (clock) for current (active) chat
|
|
dialogsSentIconFgActive: dialogsTextFgActive; // chat list sent message tick / double tick icon for current (active) chat
|
|
dialogsUnreadBgActive: dialogsTextFgActive; // chat list unread badge background for not muted chat for current (active) chat
|
|
dialogsUnreadBgMutedActive: #ffffff99 /* #cbf7e8 */; // chat list unread badge background for muted chat for current (active) chat
|
|
dialogsUnreadFgActive: #986c25 /* #039d8e */; // chat list unread badge text for current (active) chat
|
|
dialogsOnlineBadgeFgActive: #ffffff /* #ffffff */; // chat list online status for current (active) chat
|
|
dialogsRippleBg: #4f4539 /* #43474d */; //
|
|
dialogsRippleBgActive: #704a01 /* #12a796 */; //
|
|
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: #403930 /* #3a4047 */; // search results bar background (in chats list, contacts box..)
|
|
searchedBarFg: #d3c4b4 /* #a8a8a8 */; // search results bar text (in chats list, contacts box..)
|
|
topBarBg: #2a241c /* #282e33 */; // top bar background (in chat view, media overview..)
|
|
emojiPanBg: windowBg; // emoji panel background
|
|
emojiPanCategories: #221c14 /* #20262b */; // emoji panel categories background
|
|
emojiPanHeaderFg: #ab9e8e/* #90949a */; // emoji panel section header text
|
|
emojiPanHeaderBg: #fff3e6f2 /* #fffffff2 */; // emoji panel section header background
|
|
stickerPanDeleteBg: #000000cc; // delete X button background for custom sent stickers in stickers panel (legacy)
|
|
stickerPanDeleteFg: windowFgActive; // delete X button icon for custom sent stickers in stickers panel (legacy)
|
|
stickerPreviewBg: #000000b0; // sticker and GIF preview background (when you press and hold on a sticker)
|
|
historyTextInFg: windowFg; // inbox message text
|
|
historyTextInFgSelected: #ffffff /* #ffffff */; // inbox message selected text or text in a selected message
|
|
historyTextOutFg: #ffffff /* #e4ecf2 */; // outbox message text
|
|
historyTextOutFgSelected: #ffffff /* #ffffff */; // outbox message selected text or text in a selected message
|
|
historyLinkInFg: #f3bd6e /* #37e1ca */; // inbox message link
|
|
historyLinkInFgSelected: #ffffff /* #a7fff3 */; // inbox message link in a selected text or message
|
|
historyLinkOutFg: #ffffff /* #37e1ca */; // outbox message link
|
|
historyLinkOutFgSelected: #ffffff /* #a7fff3 */; // outbox message link in a selected text or message
|
|
historyFileNameInFg: historyTextInFg; // inbox media filename text
|
|
historyFileNameInFgSelected: historyTextInFgSelected /* #ffffff */; // inbox media filename text in a selected message
|
|
historyFileNameOutFg: historyTextOutFg; // outbox media filename text
|
|
historyFileNameOutFgSelected: historyTextOutFgSelected /* #ffffff */; // outbox media filename text in a selected message
|
|
historyOutIconFg: #ffffff /* #40e6c5 */; // outbox message tick / double tick icon
|
|
historyOutIconFgSelected: #ffffff /* #ffffff */; // outbox message tick / double tick icon in a selected message
|
|
historyIconFgInverted: #ddc2a1 /* windowFgActive */; // media message tick / double tick icon (like in sent photo) (NOTE(eqrfns): forcing the dark theme looks better here IMO)
|
|
historySendingOutIconFg: #ffffff /* #9dfadd */; // outbox sending message icon (clock)
|
|
historySendingInIconFg: #ab9e8e /* #76838b */; // inbox sending message icon (clock) (like in sent messages to yourself or in sent messages to a channel)
|
|
historySendingInvertedIconFg: #fff3e6c8 /* #ffffffc8 */; // media sending message icon (clock) (like in sent photo)
|
|
historyCallArrowInFg: #b7cea2 /* #26c2ab */; // received phone call arrow
|
|
historyCallArrowInFgSelected: #ffffff /* #ffffff */; // received phone call arrow in a selected message
|
|
historyCallArrowMissedInFg: callArrowMissedFg; // missed phone call arrow
|
|
historyCallArrowMissedInFgSelected: #ffffff /* #ffffff */; // missed phone call arrow in a selected message
|
|
historyCallArrowOutFg: #ffffff /* #ffffff */; // outgoing phone call arrow
|
|
historyCallArrowOutFgSelected: #ffffff /* #ffffff */; // outgoing phone call arrow
|
|
historyUnreadBarBg: #403930 /* #33393f */; // new unread messages bar background
|
|
historyUnreadBarBorder: shadowFg; // new unread messages bar shadow
|
|
historyUnreadBarFg: #f3bd6e /* #3cd3bf */; // new unread messages bar text
|
|
historyForwardChooseBg: #0000004c; // forwarding messages in a large window size "choose recipient" background
|
|
historyForwardChooseFg: #f3bd6e /* windowFgActive */; // forwarding messages in a large window size "choose recipient" text
|
|
historyPeer1NameFg: #ffb5a1 /* #ec7577 */; // red group member name
|
|
historyPeer1NameFgSelected: historyTextInFgSelected /* #ffffff */; // red group member name in a selected message
|
|
historyPeer1UserpicBg: #ff845e; // red userpic background
|
|
historyPeer2NameFg: #b3d088 /* #86d67f */; // green group member name
|
|
historyPeer2NameFgSelected: historyTextInFgSelected /* #ffffff */; // green group member name in a selected message
|
|
historyPeer2UserpicBg: #9ad164; // green userpic background
|
|
historyPeer3NameFg: #ebc16b /* #e4c054 */; // yellow group member name
|
|
historyPeer3NameFgSelected: historyTextInFgSelected /* #ffffff */; // yellow group member name in a selected message
|
|
historyPeer3UserpicBg: #e5ca77; // yellow userpic background (actually unused)
|
|
historyPeer4NameFg: #84d2e6 /* #68c7f3 */; // blue group member name
|
|
historyPeer4NameFgSelected: historyTextInFgSelected /* #ffffff */; // blue group member name in a selected message
|
|
historyPeer4UserpicBg: #5caffa; // blue userpic background
|
|
historyPeer5NameFg: #e6b6f2 /* #b383f3 */; // purple group member name
|
|
historyPeer5NameFgSelected: historyTextInFgSelected /* #ffffff */; // purple group member name in a selected message
|
|
historyPeer5UserpicBg: #b694f9; // purple userpic background
|
|
historyPeer6NameFg: #ffb2b6 /* #e16794 */; // pink group member name
|
|
historyPeer6NameFgSelected: historyTextInFgSelected /* #ffffff */; // pink group member name in a selected message
|
|
historyPeer6UserpicBg: #ff8aac; // pink userpic background
|
|
historyPeer7NameFg: #80d4d6 /* #57c9e0 */; // sea group member name
|
|
historyPeer7NameFgSelected: historyTextInFgSelected /* #ffffff */; // sea group member name in a selected message
|
|
historyPeer7UserpicBg: #5bcbe3; // sea userpic background
|
|
historyPeer8NameFg: #f5bc6f /* #efb05d */; // orange group member name
|
|
historyPeer8NameFgSelected: historyTextInFgSelected /* #ffffff */; // orange group member name in a selected message
|
|
historyPeer8UserpicBg: #febb5b; // orange userpic background
|
|
historyPeerUserpicFg: #ffffff /* windowFgActive */; // default userpic initials
|
|
historyScrollBarBg: #d3c4b47a /* #8989897a */; // scroll bar current rectangle, the bar itself in the chat view (adjusted)
|
|
historyScrollBarBgOver: #ab9e8ebc /* #6b6b6bbc */; // scroll bar current rectangle with mouse over it in the chat view (adjusted)
|
|
historyScrollBg: #a0917f4c /* #5f5f5f4c */; // scroll bar background (adjusted)
|
|
historyScrollBgOver: #ab9e8e6b /* #6262626b */; // scroll bar background with mouse over the scroll bar (adjusted)
|
|
historyPeer1UserpicBg2: #d45246; // the second red userpic background
|
|
historyPeer2UserpicBg2: #46ba43; // the second green userpic background
|
|
historyPeer3UserpicBg2: #e5ca77; // the second yellow userpic background (actually unused)
|
|
historyPeer4UserpicBg2: #408acf; // the second blue userpic background
|
|
historyPeer5UserpicBg2: #6c61df; // the second purple userpic background
|
|
historyPeer6UserpicBg2: #d95574; // the second pink userpic background
|
|
historyPeer7UserpicBg2: #359ad4; // the second sea userpic background
|
|
historyPeer8UserpicBg2: #f68136; // the second orange userpic background
|
|
historyPeerSavedMessagesBg2: historyPeer4UserpicBg2; // the second saved messages userpic background
|
|
msgInBg: #352e26 /* #33393f */; // inbox message background
|
|
msgInBgSelected: #986c25 /* #009687 */; // inbox selected message background (and background of selected text in those messages)
|
|
msgOutBg: #867154 /* #2a2f33 */; // outbox message background
|
|
msgOutBgSelected: #986c25 /* #009687 */; // outbox selected message background (and background of selected text in those messages)
|
|
msgSelectOverlay: #f3bd6e4c /* #35d4bf4c */; // overlay which is filling the media parts of selected messages (like in selected photo message)
|
|
msgStickerOverlay: #f3bd6e7f /* #35d4bf7f */; // overlay which is filling the selected sticker message (NOTE(eqrfns): this color is somehow bugged, it randomy does not get updated when I change the theme)
|
|
msgInServiceFg: windowActiveTextFg; // inbox message information text (like information about a forwarded message original sender)
|
|
msgInServiceFgSelected: #fff3e6 /* #ffffff */; // inbox selected message information text (like information about a forwarded message original sender)
|
|
msgOutServiceFg: #ffffff /* #60e5ca */; // outbox message information text (like information about a forwarded message original sender)
|
|
msgOutServiceFgSelected: #ffffff /* #ffffff */; // outbox message information text (like information about a forwarded message original sender)
|
|
msgInShadow: #00000000; // inbox message shadow (below the bubble)
|
|
msgInShadowSelected: #00000000; // inbox selected message shadow (below the bubble)
|
|
msgOutShadow: #00000000; // outbox message shadow (below the bubble)
|
|
msgOutShadowSelected: #986c2500 /* #37a78d00 */; // outbox selected message shadow (below the bubble)
|
|
msgInDateFg: #ddc2a1 /* #828d94 */; // inbox message time text
|
|
msgInDateFgSelected: #ffffff /* #ffffff */; // inbox selected message time text
|
|
msgOutDateFg: #ffffff99 /* #737f87 */; // outbox message time text
|
|
msgOutDateFgSelected: #ffffff /* #ffffff */; // outbox selected message time text
|
|
msgServiceFg: #ddc2a1; // service message text (like date dividers or service message about the group title being changed)
|
|
msgServiceBg: #4f4539c8 /* #363c43c8 */; // service message background (like in a service message about group title being changed) (adjusted)
|
|
msgServiceBgSelected: #704a01 /* #009687 */; // service message selected text background (like in a service message about group title being changed) (adjusted)
|
|
msgInReplyBarColor: #f3bd6e /* #32ceb7 */; // inbox message reply outline (NOTE(eqrfns): this can be seen at east in the interface scale preview)
|
|
msgInReplyBarSelColor: #fff3e6 /* #ffffff */; // inbox selected message reply outline (NOTE(eqrfns): coudn't figure out how to see this)
|
|
msgOutReplyBarColor: #ffffff /* #32ceb7 */; // outbox message reply outline
|
|
msgOutReplyBarSelColor: #ffffff /* #ffffff */; // outbox selected message reply outline
|
|
msgImgReplyBarColor: msgServiceFg; // sticker message reply outline (NOTE(eqrfns): this is the color of the text that shows up when you reply with a sticker. This took me some time to figure out)
|
|
msgInMonoFg: #d1e0c3 /* #5aab9f */; // inbox message monospace text (like a message sent with `test` text)
|
|
msgOutMonoFg: #f4f2ed /* #c2f2ec */; // outbox message monospace text (NOTE(eqrfns): not sure if this is OK)
|
|
msgInMonoFgSelected: #ffffff /* #a7fff3 */; // inbox message monospace text in a selected text or message
|
|
msgOutMonoFgSelected: #ffffff /* #c9fff8 */; // outbox message monospace text in a selected text or message
|
|
msgDateImgFg: #ddc2a1 /* msgServiceFg */; // media message time text (like time text in a sent photo) (NOTE(eqrfns): forced dark theme looks better IMO)
|
|
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: #00000087 /* #1c706587 */; // selected media message time bubble background
|
|
msgFileThumbLinkInFg: lightButtonFg; // inbox media file message with thumbnail download / open with button text
|
|
msgFileThumbLinkInFgSelected: lightButtonFgOver; // inbox selected media file message with thumbnail download / open with button text
|
|
msgFileThumbLinkOutFg: #ffffff /* #60e5ca */; // outbox media file message with thumbnail download / open with button text
|
|
msgFileThumbLinkOutFgSelected: #ffffff /* #ffffff */; // outbox selected media file message with thumbnail download / open with button text
|
|
msgFileInBg: #f3bd6e /* #50d4c2 */; // inbox audio file download circle background (NOTE(eqrfns): this is actually used for ANY file)
|
|
msgFileInBgOver: #efa83f /* #48cfbd */; // inbox audio file download circle background with mouse over (NOTE(eqrfns): this is actualy for the play circle in the audio files overiew)
|
|
msgFileInBgSelected: #ffffff /* #ffffff */; // inbox selected audio file download circle background (NOTE(eqrfns): this is used both for the overview, and for the chat history)
|
|
msgFileOutBg: #ffffff /* #11bfab */; // outbox audio file download circle background
|
|
msgFileOutBgOver: #e6e6e6 /* #ffffff */; // outbox audio file download circle background with mouse over (NOTE(eqrfns): seems to be unused in the source code?)
|
|
msgFileOutBgSelected: #ffffff /* #ffffff */; // outbox 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: #5fbe67; // 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: #50ac9b; // 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: msgInBg /* #33393f */; // inbox file without thumbnail (like audio file) download arrow icon
|
|
historyFileInIconFgSelected: msgInBgSelected /* #009687 */; // inbox selected file without thumbnail (like audio file) download arrow icon
|
|
historyFileInRadialFg: #403930 /* #33393f */; // inbox file without thumbnail (like audio file) radial download animation line
|
|
historyFileInRadialFgSelected: historyFileInIconFgSelected; // inbox selected file without thumbnail (like audio file) radial download animation line
|
|
historyFileOutIconFg: msgOutBg /* #33393f */; // outbox file without thumbnail (like audio file) download arrow icon
|
|
historyFileOutIconFgSelected: msgOutBgSelected /* #009687 */; // outbox selected file without thumbnail (like audio file) download arrow icon
|
|
historyFileOutRadialFg: historyFileOutIconFg; // outbox file without thumbnail (like audio file) radial download animation line
|
|
historyFileOutRadialFgSelected: historyFileOutIconFgSelected /* #009687 */; // outbox selected file without thumbnail (like audio file) radial download animation line (NOTE(eqrfns): you need to start downloading the file and then select the message to see this)
|
|
historyFileThumbIconFg: #fff3e6 /* #efefef */; // file with thumbnail (or photo / video) download arrow icon
|
|
historyFileThumbIconFgSelected: #fff3e6 /* #ffffff */; // selected file with thumbnail (or photo / video) download arrow icon
|
|
historyFileThumbRadialFg: historyFileThumbIconFg; // file with thumbnail (or photo / video) radial download animation line
|
|
historyFileThumbRadialFgSelected: #fff3e6 /* #ffffff */; // selected file with thumbnail (or photo / video) radial download animation line
|
|
historyVideoMessageProgressFg: historyFileThumbIconFg; // radial playback progress in round video messages
|
|
msgWaveformInActive: windowBgActive; // inbox voice message active waveform lines (like played part of currently playing voice message)
|
|
msgWaveformInActiveSelected: #ffffff /* #ffffff */; // inbox selected voice message active waveform lines (like played part of currently playing voice message)
|
|
msgWaveformInInactive: #ab9e8e /* #5d6b76 */; // inbox voice message inactive waveform lines (like upcoming part of currently playing voice message)
|
|
msgWaveformInInactiveSelected: #ffffff80 /* #41d1be */; // inbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message)
|
|
msgWaveformOutActive: #ffffff /* #11bfab */; // outbox voice message active waveform lines (like played part of currently playing voice message)
|
|
msgWaveformOutActiveSelected: #ffffff /* #ffffff */; // outbox selected voice message active waveform lines (like played part of currently playing voice message)
|
|
msgWaveformOutInactive: #ffffff80 /* #596874 */; // outbox voice message inactive waveform lines (like upcoming part of currently playing voice message)
|
|
msgWaveformOutInactiveSelected: #ffffff80 /* #41d1be */; // outbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message)
|
|
msgBotKbOverBgAdd: #fff3e614 /* #ffffff14 */; // this is painted over a bot inline keyboard button (which has msgServiceBg background) when mouse is over that button
|
|
msgBotKbIconFg: msgServiceFg; // bot inline keyboard button icon in the top-right corner (like in @vote bot when a poll is ready to be shared)
|
|
msgBotKbRippleBg: #d3c4b410 /* #9e9d9d10 */; // bot inline keyboard button ripple effect
|
|
mediaInFg: msgInDateFg; // inbox media message status text (like in file that is being downloaded)
|
|
mediaInFgSelected: msgInDateFgSelected; // inbox selected media message status text (like in file that is being downloaded)
|
|
mediaOutFg: msgOutDateFg; // outbox media message status text (like in file that is being downloaded)
|
|
mediaOutFgSelected: msgOutDateFgSelected; // outbox 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) NOTE(eqrfns): deliberately a static color
|
|
youtubePlayIconFg: #ffffff /* windowFgActive */; // youtube play icon arrow (when a link to a youtube video with a webpage preview is sent) NOTE(eqrfns): deliberately a static color
|
|
videoPlayIconBg: #0000007f; // other video play icon background (like when a link to a vimeo video with a webpage preview is sent)
|
|
videoPlayIconFg: #fff3e6 /* #ffffff */; // 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: #ffffff /* windowFgActive */; // toast notification text (like when you click on your t.me link when editing your username)
|
|
reportSpamBg: #403930 /* #363c42 */; // report spam panel background (like a non contact user writes your for the first time)
|
|
reportSpamFg: windowFg; // report spam panel text (when you send a report from that panel)
|
|
historyToDownBg: #867154 /* #434d57 */; // arrow button background (to scroll to the end of the viewed chat)
|
|
historyToDownBgOver: #a28b6b /* #515b65 */; // arrow button background with mouse over
|
|
historyToDownBgRipple: #b6a38a /* #636d77 */; // arrow button ripple effect
|
|
historyToDownFg: #ffffff /* #adb4ba */; // arrow button icon
|
|
historyToDownFgOver: #ffffff /* menuIconFgOver */; // arrow button icon with mouse over
|
|
historyToDownShadow: #00000040; // arrow button shadow
|
|
historyComposeAreaBg: #2a241c /* #282e33 */; // history compose area background (message write area / reply information / forwarding information)
|
|
historyComposeAreaFg: historyTextInFg; // history compose area text
|
|
historyComposeAreaFgService: msgInDateFg; // history compose area text when replying to a media message
|
|
historyComposeIconFg: menuIconFg; // history compose area icon (like emoji, attach, bot command..)
|
|
historyComposeIconFgOver: menuIconFgOver; // history compose area icon with mouse over
|
|
historySendIconFg: windowBgActive; // send message icon
|
|
historySendIconFgOver: windowBgActive; // send message icon with mouse over
|
|
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: #352e26 /* #31363c */; // unblock / join channel / mute channel button background with mouse over
|
|
historyComposeButtonBgRipple: #221c14 /* #272b2f */; // unblock / join channel / mute channel button ripple effect
|
|
overviewCheckBg: #00000040; // shared files / links checkbox background for not selected rows when some rows are selected
|
|
overviewCheckFg: #fff3e6 /* #ffffff */; // shared files / links checkbox icon for not selected rows when some rows are selected
|
|
overviewCheckFgActive: #301d00 /* #ffffff */; // shared files / links checkbox icon for selected rows (NOTE(eqrfns): this is used over primary (boxTextFgGood al least))
|
|
overviewPhotoSelectOverlay: #f3bd6e33 /* #40ace333 */; // shared photos / videos / links fill for selected rows
|
|
profileStatusFgOver: #ff00ff /* #9c9c9c */; // group members list in group profile user last seen text with mouse over (NOTE(eqrfns): seems unused in the sources?)
|
|
profileVerifiedCheckBg: windowBgActive; // profile verified check icon background
|
|
profileVerifiedCheckFg: #fff3e6 /* #ffffff */; // profile verified check icon tick
|
|
profileAdminStartFg: windowBgActive; // group members list admin star icon
|
|
notificationsBoxMonitorFg: windowFg; // custom notifications settings box monitor color
|
|
notificationsBoxScreenBg: dialogsBgActive; // #6389a8; // custom notifications settings box monitor screen background
|
|
notificationSampleUserpicFg: windowBgActive; // custom notifications settings box small sample userpic placeholder
|
|
notificationSampleCloseFg: #fff3e6 /* #d7d7d7 */; // custom notifications settings box small sample close button placeholder (NOTE(eqrfns): haven't seen this)
|
|
notificationSampleTextFg: #fff3e6 /* #d7d7d7 */; // custom notifications settings box small sample text placeholder (NOTE(eqrfns): haven't seen this)
|
|
notificationSampleNameFg: #d3c4b4 /* #939393 */; // custom notifications settings box small sample name placeholder (NOTE(eqrfns): haven't seen this)
|
|
changePhoneSimcardFrom: notificationSampleTextFg; // change phone number box left simcard icon
|
|
changePhoneSimcardTo: notificationSampleNameFg; // change phone number box right simcard and plane icons
|
|
mainMenuBg: windowBg; // main menu background
|
|
mainMenuCoverBg: windowBgActive /* #009687 */; // main menu top cover background (NOTE(eqrfns): these "cover" colors don't seem to show up anywhere)
|
|
mainMenuCoverFg: windowFgActive; // main menu top cover text
|
|
mainMenuCloudFg: activeButtonFg; // main menu top cover saved messages / archive button icon
|
|
mainMenuCloudBg: activeButtonBg /* #0e837d */; // main menu top cover saved messages / archive button background
|
|
mediaPlayerBg: windowBg; // audio file player background
|
|
mediaPlayerActiveFg: windowBgActive; // audio file player playback progress already played part
|
|
mediaPlayerInactiveFg: sliderBgInactive; // audio file player playback progress upcoming (not played yet) part with mouse over
|
|
mediaPlayerDisabledFg: #9dd1ef; // audio file player loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet)
|
|
mediaviewFileBg: windowBg; // file rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file)
|
|
mediaviewFileNameFg: windowFg; // file name in file rectangle
|
|
mediaviewFileSizeFg: windowSubTextFg; // 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: #ff00ff /* #383838 */; // context menu in Media Viewer background (NOTE(eqrfns): seems defined, but unreferenced in the sources)
|
|
mediaviewMenuBgOver: #403930 /* #505050 */; // context menu item background with mouse over (NOTE(eqrfns): this is actually the inactive side of the playback speed control slider for some reason)
|
|
mediaviewMenuBgRipple: #ff00ff /* #676767 */; // context menu item ripple effect (NOTE(eqrfns): also unused?)
|
|
mediaviewMenuFg: #fff3e6 /* windowFgActive */; // context menu item text
|
|
mediaviewBg: #221c14eb /* #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: #f3bd6e /* windowFgActive */; // controls icon (like next photo / previous photo)
|
|
mediaviewCaptionBg: #0e0904a9 /* #11111180 */; // caption text background (when viewing photo with caption)
|
|
mediaviewCaptionFg: mediaviewControlFg; // caption text
|
|
mediaviewTextLinkFg: #f3bd6e /* #66f7e4 */; // caption text link
|
|
mediaviewSaveMsgBg: toastBg; // save to file toast message background in Media Viewer
|
|
mediaviewSaveMsgFg: toastFg; // save to file toast message text
|
|
mediaviewPlaybackActive: #d3c4b4 /* #c7c7c7 */; // video playback progress already played part
|
|
mediaviewPlaybackInactive: #d3c4b455 /* #252525 */; // video playback progress upcoming (not played yet) part
|
|
mediaviewPlaybackActiveOver: #fff3e6 /* #ffffff */; // video playback progress already played part with mouse over
|
|
mediaviewPlaybackInactiveOver: #d3c4b4aa /* #474747 */; // video playback progress upcoming (not played yet) part with mouse over (NOTE(eqrfns): this actually only shows up when rewinding the video. I assume this is the "buffered" part, but not sure)
|
|
mediaviewPlaybackProgressFg: #fff3e6c7 /* #ffffffc7 */; // video playback progress text
|
|
mediaviewPlaybackIconFg: mediaviewPlaybackActive; // video playback controls icon
|
|
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver; // video playback controls icon with mouse over
|
|
mediaviewTransparentBg: #fff3e6 /* #ffffff */; // transparent filling part (when viewing a transparent .png file in Media Viewer) (NOTE(eqrfns): this is one of the checkerboard colors)
|
|
mediaviewTransparentFg: #d3c4b4 /* #cccccc */; // another transparent filling part (NOTE(eqrfns): this is annother checkerboard color)
|
|
notificationBg: windowBg; // custom notification window background
|
|
callBg: #2a241cf2 /* #26282cf2 */; // phone call popup background
|
|
callNameFg: #fff3e6 /* #ffffff */; // phone call popup name text
|
|
callFingerprintBg: #00000066; // phone call popup emoji fingerprint background
|
|
callStatusFg: #d3c4b4 /* #aaabac */; // phone call popup status text (NOTE(eqrfns): haven't seen this on Linux)
|
|
callIconFg: #fff3e6 /* #ffffff */; // phone call popup answer, hangup and mute mic icon
|
|
callAnswerBg: #986c25 /* #5ad1bf */; // phone call popup answer button background (NOTE(eqrfns): this is one of those "bugged" colors that sometimes get stuck on theme change)
|
|
callAnswerRipple: #704a01 /* #42c2b1 */; // phone call popup answer button ripple effect
|
|
callAnswerBgOuter: #f3bd6e26 /* #3febc926 */; // phone call popup answer button outer ripple effect
|
|
callHangupBg: #da342e /* #d75a5a */; // phone call popup hangup button background
|
|
callHangupRipple: #ffffff19 /* #c04646 */; // phone call popup hangup button ripple effect
|
|
callCancelBg: #fff3e6 /* #ffffff */; // phone call popup line busy cancel button background
|
|
callCancelFg: #362f27; // phone call popup line busy cancel button icon
|
|
callCancelRipple: #f1f1f1; // phone call popup line busy cancel button ripple effect
|
|
callMuteRipple: #fff3e612 /* #ffffff12 */; // phone call popup mute mic ripple effect
|
|
callBarBg: dialogsBgActive; // active phone call bar background
|
|
callBarMuteRipple: dialogsRippleBgActive; // active phone call bar mute and hangup button ripple effect
|
|
callBarBgMuted: #8f8f8f; // phone call bar with muted mic background
|
|
callBarUnmuteRipple: #7f7f7f; // phone call bar with muted mic mute and hangup button ripple effect
|
|
callBarFg: dialogsNameFgActive; // phone call bar text and icons
|
|
importantTooltipBg: toastBg; //
|
|
importantTooltipFg: toastFg; //
|
|
importantTooltipFgLink: #f3bd6e /* #65fce8 */; // group call important tooltip text link color (NOTE(eqrfns): haven't seen this yet)
|
|
filterInputActiveBg: #403930 /* #3d444b */; // default rounded input field active background (like in chats list search field when field is focused)
|
|
botKbBg: #403930 /* #3d444b */; // bot keyboard button background
|
|
botKbDownBg: #4f4539 /* #494f55 */; // bot keyboard button ripple effect
|
|
emojiIconFg: #ab9e8e /* #6c7278 */; // emoji category icon
|
|
emojiIconFgActive: #ff00ff /* #36cdb9 */; // active emoji category icon (NOTE(eqrfns): seems to be missing in the sources)
|
|
overviewCheckBorder: #ab9e8e /* #e4eaef */; // shared media round checkbox border
|
|
sideBarBg: #0e0904 /* #18191d */; // filters side bar background
|
|
sideBarBgActive: #2a241c /* #282e33 */; // filters side bar active background
|
|
sideBarBgRipple: #221c14 /* #22272b */; // filters side bar ripple effect
|
|
sideBarTextFg: #ab9e8e /* #8d939e */; // filters side bar text
|
|
sideBarTextFgActive: #f3bd6e /* #24c9b9 */; // filters side bar active item text
|
|
sideBarIconFg: #ab9e8e /* #8d939e */; // filters side bar icon
|
|
sideBarIconFgActive: #f3bd6e /* #25dbc9 */; // filters side bar active item icon
|
|
sideBarBadgeBg: #f3bd6e /* #25dbc9 */; // filters side bar badge background
|
|
sideBarBadgeBgMuted: #ab9e8e /* #8d939e */; // filters side bar unimportant badge background
|
|
statisticsChartInactive: #352e26 /* #313a43d8 */; // inactive area in footer of statistic charts (NOTE(eqrfns): haven't seen this)
|
|
statisticsChartActive: #7e7365 /* #596879d8 */; // sides in footer of statistic charts (NOTE(eqrfns): haven't seen this)
|
|
|
|
// The following colors are not automatically exported into a theme as of Telegram Desktop 6.6.4.
|
|
// You can find them in the Telegram/lib_ui/ui/colors.palette file of the Telegram Desktop sources.
|
|
groupCallMenuBg: #2a241c /* #292d33 */; // group members list in group profile user last seen text with mouse over (NOTE(eqrfns): this is also used as a context menu background in media view)
|
|
groupCallMenuBgOver: #352e26 /* #343940 */; // group call popup menu with mouse over
|
|
groupCallMenuBgRipple: #403930 /* #3a4047 */; // group call popup menu ripple effect
|
|
groupCallMembersFg: #fff3e6 /* #ffffff */; // group call member name text (NOTE(eqrfns): this is used for the media view context menu text)
|
|
sideBarBadgeFg: #0e0904 /* #ffffff */; // filters side bar badge text (NOTE(eqrfns): this is used for sidebar counters)
|
|
callBgOpaque: #221c14 /* #1b1f23 */; // phone call popup background
|
|
callBgButton: #0e09047f /* #1b1f237f */; // phone call window control buttons bg (NOTE(eqrfns): this is used for the top bar with signal strength and random emojis)
|
|
callIconBg: #fff3e61f /* #ffffff1f */; // phone call mute mic and camera button background
|
|
callIconBgActive: #fff3e6e5 /* #ffffffe5 */; // phone call line busy cancel, muted mic and camera button background
|
|
callIconFgActive: #362f27 /* #222222 */; // phone call line busy cancel, muted mic and camera icon
|
|
callIconActiveRipple: #362f2719 /* #f1f1f1 */; // phone call line busy cancel, muted mic and camera ripple effect
|
|
groupCallBg: #221c14 /* #1a2026 */; // group call popup background
|
|
groupCallActiveFg: #f3bd6e /* #4db8ff */; // group call active controls text (NOTE(eqrfns): this is used for regular calls too)
|
|
groupCallMembersBg: #2a241c /* #2c333d */; // group call members list background
|
|
groupCallMembersBgOver: #352e26 /* #323a45 */; // group call members list row with mouse over
|
|
groupCallMembersBgRipple: #403930 /* #39424f */; // group call member row ripple effect
|
|
groupCallMemberActiveIcon: #b7cea2 /* #8deb90 */; // group call active member icon
|
|
groupCallMemberActiveStatus: #b7cea2 /* #8deb90 */; // group call active member status text
|
|
groupCallMemberInactiveIcon: #ab9e8e /* #84888f */; // group call inactive member icon
|
|
groupCallMemberInactiveStatus: #ddc2a1 /* #61c0ff */; // group call inactive member status text
|
|
groupCallMemberMutedIcon: #ffb4ab /* #ed7372 */; // group call muted by admin member icon
|
|
groupCallMemberNotJoinedStatus: #d3c4b4 /* #91979e */; // group call non joined member status text
|
|
groupCallIconFg: #fff3e6 /* #ffffff */; // group call mute / settings / leave icon
|
|
// I'll leave these group call button colors as they are for now.
|
|
groupCallLive1: #0dcc39; // group call live button color1
|
|
groupCallLive2: #0bb6bd; // group call live button color2
|
|
groupCallMuted1: #0992ef; // group call muted button color1
|
|
groupCallMuted2: #16ccfb; // group call muted button color2
|
|
groupCallForceMutedBar1: #c65493; // group call force muted top bar color1
|
|
groupCallForceMutedBar2: #7a6af1; // group call force muted top bar color2
|
|
groupCallForceMutedBar3: #5f95e8; // group call force muted top bar color3
|
|
groupCallForceMuted1: #4f9cff; // group call force muted button color1
|
|
groupCallForceMuted2: #9b52e9; // group call force muted button color2
|
|
groupCallForceMuted3: #eb5353; // group call force muted button color3
|
|
groupCallLeaveBg: #f75c5c7f; // group call leave button background
|
|
groupCallLeaveBgRipple: #f75c5c9e; // group call leave button ripple effect
|
|
groupCallVideoTextFg: #ffffffe0; // group call text over video
|
|
groupCallVideoSubTextFg: #ffffffc0; // group call additional text over video
|
|
// NOTE(eqrfns): These "chart" colors are also used for syntax highlighting!
|
|
// Unfortunately, there is probably no way to make them look good with high-contrast themes in both inbox and outbox messages
|
|
// if using non-surface background (like secondary_container, as in my case) for outbox messages.
|
|
statisticsChartLineBlue: #b9c3ff /* #327fe5 */; // represents blue color on statistical charts
|
|
statisticsChartLineGreen: #b6d085 /* #61c752 */; // represents green color on statistical charts
|
|
statisticsChartLineRed: #ffb59f /* #e05356 */; // represents red color on statistical charts
|
|
statisticsChartLineGolden: #f3bd6e /* #eba52d */; // represents golden color on statistical charts
|
|
statisticsChartLineLightblue: #8fcff3 /* #58a8ed */; // represents lightblue color on statistical charts
|
|
statisticsChartLineLightgreen: #c5cc7a /* #8fcf39 */; // represents lightgreen color on statistical charts
|
|
statisticsChartLineOrange: #f9ba7b /* #f28c39 */; // represents orange color on statistical charts
|
|
statisticsChartLineIndigo: #d3bcfb /* #7f79f3 */; // represents indigo color on statistical charts
|
|
statisticsChartLinePurple: #e2b7f5 /* #9f79e8 */; // represents purple color on statistical charts
|
|
statisticsChartLineCyan: #85d6c0 /* #40d0ca */; // represents cyan color on statistical charts
|
|
//botKbColor: windowBoldFgOver; // bot keyboard button text
|
|
//botKbPrimaryBg: #298acfcc; // bot keyboard Primary button background
|
|
//botKbDangerBg: #e05356cc; // bot keyboard Danger button background
|
|
//botKbSuccessBg: #61c752cc; // bot keyboard Success button background
|
|
//botKbInlinePrimaryBg: #378eaeb3; // inline bot keyboard Primary button background
|
|
//botKbInlineDangerBg: #c9543eb3; // inline bot keyboard Danger button background
|
|
//botKbInlineSuccessBg: #489d38b3; // inline bot keyboard Success button background
|
|
//boxDividerBg: windowBgOver; // gray divider in boxes and layers
|
|
//boxDividerFg: windowShadowFg; // gray divider shadow in boxes and layers
|
|
//paymentsTipActive: #01ad0f; // tip button text in payments checkout form
|
|
//dialogsArchiveFg: #525252 | dialogsNameFg; // chat list archive name text
|
|
//dialogsScamFg: dialogsDraftFg; // chat list scam label
|
|
//dialogsArchiveFgOver: #525252 | dialogsNameFgOver; // chat list archive name text with mouse over
|
|
//dialogsScamFgOver: dialogsDraftFgOver; // chat list scam label with mouse over
|
|
//dialogsScamFgActive: dialogsDraftFgActive; // chat list scam label for current (active) chat
|
|
//emojiSubIconFgActive: #666666 | windowBoldFg; // active emoji subcategory icon
|
|
//stickerPanPremium1: #5a99ff; // premium sticker pack icon gradient 1
|
|
//stickerPanPremium2: #45b9f3; // premium sticker pack icon gradient 2
|
|
//historyPeerSavedMessagesBg: historyPeer4UserpicBg; // saved messages userpic background
|
|
//historyPeerArchiveUserpicBg: dialogsUnreadBgMuted; // archive folder userpic background
|
|
//settingsIconBg1: #f06964; // red settings icon background
|
|
//settingsIconBg2: #6dc534; // green settings icon background
|
|
//settingsIconBg3: #ed9f20; // light-orange settings icon background
|
|
//settingsIconBg4: #56b3f5; // light-blue settings icon background
|
|
//settingsIconBg5: #7595ff; // dark-blue settings icon background
|
|
//settingsIconBg6: #b580e2; // purple settings icon background
|
|
//settingsIconBg8: #f2925b; // dark-orange settings icon background
|
|
//settingsIconBgArchive: #9da2b0; // archive main menu icon background
|
|
//settingsIconFg: #ffffff; // settings icon shape
|
|
//mapPointDrop: #fd4444; // geo location marker background
|
|
//mapPointDot: #ffffff; // geo location marker point
|
|
//overviewCheckBgActive: windowBgActive; // shared media / files / links checkbox background for selected rows
|
|
//mediaviewPlaybackIconRipple: #ffffff14; // video playback controls ripple effect
|
|
//mediaviewPipControlsFg: #ffffffd9; // picture-in-picture controls
|
|
//mediaviewPipControlsFgOver: #ffffff; // picture-in-picture controls with mouse over
|
|
//mediaviewPipPlaybackActive: #ffffffda; // picture-in-picture playback progress already played part
|
|
//mediaviewPipPlaybackInactive: #ffffff26; // picture-in-picture playback progress upcoming (not played yet) part
|
|
//outdatedFg: #ffffff; // operating system version is outdated bar text
|
|
//outdateSoonBg: #e08543; // operating system version is soon outdated bar background
|
|
//outdatedBg: #e05745; // operating system version is already outdated bar background
|
|
//spellUnderline: #ff000088 | attentionButtonFg; // misspelled words
|
|
//walletTitleBg: #121213; // wallet window title background when window is inactive
|
|
//walletTitleBgActive: walletTitleBg; // wallet window title background when window is active
|
|
//walletTitleButtonBg: walletTitleBg; // wallet window title minimize/maximize/restore button background when window is inactive (Windows only)
|
|
//walletTitleButtonFg: #5a5a5b; // wallet window title minimize/maximize/restore button icon when window is inactive (Windows only)
|
|
//walletTitleButtonBgOver: #373738; // wallet window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only)
|
|
//walletTitleButtonFgOver: #747475; // wallet window title minimize/maximize/restore button icon with mouse over when window is inactive (Windows only)
|
|
//walletTitleButtonBgActive: walletTitleButtonBg; // wallet window title minimize/maximize/restore button background when window is active (Windows only)
|
|
//walletTitleButtonFgActive: walletTitleButtonFg; // wallet window title minimize/maximize/restore button icon when window is active (Windows only)
|
|
//walletTitleButtonBgActiveOver: walletTitleButtonBgOver; // wallet window title minimize/maximize/restore button background with mouse over when window is active (Windows only)
|
|
//walletTitleButtonFgActiveOver: walletTitleButtonFgOver; // wallet window title minimize/maximize/restore button icon with mouse over when window is active (Windows only)
|
|
//walletTitleButtonCloseBg: walletTitleButtonBg; // wallet window title close button background when window is inactive (Windows only)
|
|
//walletTitleButtonCloseFg: walletTitleButtonFg; // wallet window title close button icon when window is inactive (Windows only)
|
|
//walletTitleButtonCloseBgOver: titleButtonCloseBgOver; // wallet window title close button background with mouse over when window is inactive (Windows only)
|
|
//walletTitleButtonCloseFgOver: titleButtonCloseFgOver; // wallet window title close button icon with mouse over when window is inactive (Windows only)
|
|
//walletTitleButtonCloseBgActive: walletTitleButtonCloseBg; // wallet window title close button background when window is active (Windows only)
|
|
//walletTitleButtonCloseFgActive: walletTitleButtonCloseFg; // wallet window title close button icon when window is active (Windows only)
|
|
//walletTitleButtonCloseBgActiveOver: walletTitleButtonCloseBgOver; // wallet window title close button background with mouse over when window is active (Windows only)
|
|
//walletTitleButtonCloseFgActiveOver: walletTitleButtonCloseFgOver; // wallet window title close button icon with mouse over when window is active (Windows only)
|
|
//walletTopBg: #1e1f21; // wallet top part background
|
|
//walletBalanceFg: #ffffff; // wallet balance text
|
|
//walletSubBalanceFg: #f9f9f9; // wallet balance label text
|
|
//walletTopLabelFg: #999999; // wallet top updated label text
|
|
//walletTopIconFg: walletTopLabelFg; // wallet top refresh and menu icons
|
|
//walletTopIconRipple: #ffffff12; // wallet top menu icon ripple effect
|
|
//songCoverOverlayFg: #00000066; // song cover overlay
|
|
//photoEditorItemBaseHandleFg: #3ccaef; // photo editor handle circle
|
|
//premiumButtonBg1: #55a5ff; // upgrade to premium button gradient 1
|
|
//premiumButtonBg2: #a767ff; // upgrade to premium button gradient 2
|
|
//premiumButtonBg3: #db5c9d; // upgrade to premium button gradient 3
|
|
//premiumButtonFg: #ffffff; // upgrade to premium button text
|
|
//premiumIconBg1: #f38926; // icon in premium settings gradient 1
|
|
//premiumIconBg2: #e44456; // icon in premium settings gradient 2
|
|
//premiumIconBg3: #4acd43; // icon in premium settings gradient 3
|
|
//creditsBg1: #ffb222; // credits icon gradient 1, normal
|
|
//creditsBg2: #FFD951; // credits icon gradient 2, light
|
|
//creditsBg3: #f0b400; // credits icon gradient 3, dark
|
|
//creditsFg: #ba7000; // credits text on light background
|
|
//creditsStroke: #da8735; // credits icon stroke
|
|
//currencyFg: #168acd; // currency icon, blue
|
|
//rankAdminFg: #49a355; // admin badge text and pill, green
|
|
//rankOwnerFg: #956ac8; // owner badge text and pill, purple
|
|
//rankUserFg: windowSubTextFg; // regular user badge text, gray
|