From 5fd7b9cebdca3f7fda60bb35d3d19bab9d06b2bb Mon Sep 17 00:00:00 2001 From: Saumit Dinesan Date: Fri, 30 Sep 2022 06:21:32 +0530 Subject: wal-telegram changes --- .local/usr/wal-telegram/colors.wt-constants | 585 ++++++++++++++++++++++++++++ 1 file changed, 585 insertions(+) create mode 100644 .local/usr/wal-telegram/colors.wt-constants (limited to '.local/usr/wal-telegram/colors.wt-constants') diff --git a/.local/usr/wal-telegram/colors.wt-constants b/.local/usr/wal-telegram/colors.wt-constants new file mode 100644 index 0000000..1760989 --- /dev/null +++ b/.local/usr/wal-telegram/colors.wt-constants @@ -0,0 +1,585 @@ +// vim:ft=cfg + +/* TODO: 1. Translate comments from italian to english (doing copy paste from + * telegram official documentation is not a good idea because IMHO + * it doesn't explain anything, useless). + * 2. Remove unused alpha colors. + * 3. Add the missing alpha colors. + * 4. Fix colors marked with [UNTESTED]. + */ + +// Colors for testing purposes +colorPink: #ff7fc6; +colorGreen: #0bd500; + +// Basic window options +windowBg: color0; // sfondo della parte sinitra più menu opzioni e menu sinistra +windowFg: color7; // colore fg testo normale + opzioni menu tasto destra +windowBgOver: colorLighter0_40; // colore bg opzioni menu sinistra e menu tasto destro con cursore sopra +windowBgRipple: color1; // colore bg opzioni menu sinistra e menu tasto destro con click premuto +windowFgOver: color7; // colore fg opzioni menu tasto destra con cursore sopra +windowSubTextFg: colorDarker7_40; // testo in basso a sinistra nel menu sinistra + testo messo in meno risalto nel menu opzioni +windowSubTextFgOver: color7; // [UNTESTED]: in teoria come all'opzione sopra ma con cursore sopra +windowBoldFg: colorLighter7_20; // colore testo in grassetto, che si trova nelle opzioni del menu sinstra, titoli menu opzioni e titoli descrizioni gruppo +windowBoldFgOver: colorLighter7_40; // uguale a sopra ma con il cursore sopra, ad esempio nelle opzioni del menu sinistra +windowBgActive: color2; // sfondo dei tick e altre cose che "si riempiono di colore", vedi menu opzioni +windowFgActive: colorLighter7_40; // fg della parte top del menu sinistra e delle cose che hanno come sfondo l'opzione sopra, segno dei tick, titolo chat attiva ecc... +windowActiveTextFg: color2; // testo online e testo sottolineato nel menu opzioni +windowShadowFg: color0; // ombra di contorno menu sinistra, menu opzioni e insomma un po tutti gli elementi dotati di ombra +windowShadowFgFallback: windowBg; // [UNTESTED]: fallback per ombre senza opacità + +// Shadow +shadowFg: colorAlpha0_18; // la maggior parte delle ombre (con opacità) (il colore del divisore tra le parti della schermata principale) + +// Slide +slideFadeOutBg: colorAlpha0_3c; // animazione che c'è quando premi sulla freccia di un mex inoltrato (dalla chat al profilo) +slideFadeOutShadowFg: windowShadowFg; // sempre parlando della animazione spiegata sopra, è la riga del lato destro che si sposta verso sinistra + +// Image +imageBg: color2; // [UNTESTED]: quando la foto è meno grande delle dimensioni max +imageBgTransparent: color7; // sfondo immagine quando si tratta di una immagine con opacità, anche se questa non è richiesta + +// Active +activeButtonBg: color2; // colore bg bottone attivo, tipo il primo bottone in alto a sinistra nel menu opzioni +activeButtonBgOver: colorLighter2_30; // come sopra ma con il cursore sopra +activeButtonBgRipple: colorLighter2_50; // come sopra ma effetto ripple, click tenuto +activeButtonFg: color7; // testo del bottone spiegato sopra +activeButtonFgOver: colorLighter7_30; // testo del bottone spiegato sopra ma con cursore sopra +activeButtonSecondaryFg: colorLighter7_50; // quando si seleziona un messaggio, i numerini vicino a inoltra ed elimina +activeButtonSecondaryFgOver: activeButtonSecondaryFg; // uguale a sopra ma con il cursore sopra +activeLineFg: color2; // tipo la linea sotto la scelta del nome quando si crea un gruppo +activeLineFgError: color1; // uguale a sopra ma quando si verificano errori + +// Light +lightButtonBg: color0; // bottone a destra nel menu opzioni e insomma i bottoni chiari +lightButtonBgOver: colorLighter0_40; // uguale a sopra ma con il cursore sopra +lightButtonBgRipple: colorLighter0_60; // uguale a sopra ma effetto ripple, click tenuto +lightButtonFg: color2; // testo del bottone spiegato sopra +lightButtonFgOver: lightButtonFg; // testo del bottone spiegato sopra con cursore sopra + +// Attention +attentionButtonFg: color1; // [UNTESTED]: default attention button text (like confirm button on log out) +attentionButtonFgOver: colorLighter1_30; // [UNTESTED]: default attention button text with mouse over +attentionButtonBgOver: colorLighter0_40; // [UNTESTED]: default attention button background with mouse over +attentionButtonBgRipple: colorLighter0_60; // [UNTESTED]: default attention button ripple effect + +// Outline +outlineButtonBg: windowBg; // [UNTESTED]: default left outlined button background (like shared media links in profiles) +outlineButtonBgOver: colorLighter0_40; // [UNTESTED]: default left outlined button background with mouse over +outlineButtonOutlineFg: color2; // [UNTESTED]: default left outlined button left outline border +outlineButtonBgRipple: colorLighter0_60; // [UNTESTED]: default left outlined button ripple effect + +// Menu +menuBg: color0; // linea superiore e inferiore dei popup menu, ad esempio i tre punti in alto a destra nelle chat +menuBgOver: colorLighter0_40; // [UNTESTED]: in teoria il bg degli elementi del popu menu con il cursore sopra +menuBgRipple: colorLighter0_60; // [UNTESTED]: in teoria lo stesso di sopra ma effetto ripple +menuIconFg: color7; // icone menu opzioni e barra sopra nell'area chat +menuIconFgOver: colorLighter7_40; // uguale a sopra ma con cursore sopra +menuSubmenuArrowFg: color7; // nel field dei mex, se premi tasto destro, nel popup menu c'è una freccia +menuFgDisabled: colorDarker7_40; // testo disabilitato nel popup menu (tasto destro nel field ricerca o nel field mex) +menuSeparatorFg: colorDarker7_40; // separatore nel menu tasto destro in input field + +// Scroll +scrollBarBg: colorAlpha7_53; // default scroll bar current rectangle, the bar itself (like in chats list) +scrollBarBgOver: colorAlpha7_7a; // default scroll bar current rectangle with mouse over it +scrollBg: colorAlpha7_1a; // default scroll bar background +scrollBgOver: colorAlpha7_2c; // default scroll bar background with mouse over the scroll bar + +// Small +smallCloseIconFg: colorDarker7_40; // piccola croce ad esempio accanto all'header nel pannello emoji +smallCloseIconFgOver: color7; // come sopra ma con il cursore sopra + +// Radial +radialFg: windowFgActive; // [UNTESTED]: default radial loader line (like in Media Viewer when loading a photo) +radialBg: colorAlpha0_56; // [UNTESTED]: default radial loader background (like in Media Viewer when loading a photo) + +// Placeholder +placeholderFg: color7; // tipo il testo placeholder di deafult della barra di ricerca e dell'inserisci testo +placeholderFgActive: colorDarker7_40; // uguale a sopra, ma quando il field è in focus + +// Input +inputBorderFg: color7; // tipo l'fg della riga alternativa quando si sta creando un canale + +// Filter +filterInputBorderFg: colorLighter0_40; // bordo che appare quando si clicka nella barra di ricerca +filterInputInactiveBg: colorLighter0_40; // bg field di ricerca inattivo +filterInputActiveBg: colorLighter0_40; // bg field di ricerca attivo + +// Checkbox +checkboxFg: colorDarker7_40; // icone categorie emoji e anche caselle dei tick non "tickate" + +// Slider +sliderBgInactive: colorDarker7_40; // slider non attiva +sliderBgActive: windowBgActive; // slider attiva + +// Tooltip +tooltipBg: color7; // bg del tooltip field, tipo quando aspetti con il cursore sopra il timestamp del mex +tooltipFg: color0; // fg del tooltip +tooltipBorderFg: color7; // bordi del tooltip + +// Title +titleShadow: colorAlpha0_03; // [UNTESTED]: one pixel line shadow at the bottom of custom window title +titleBg: color0; // [UNTESTED]: custom window title background when window is inactive +titleBgActive: titleBg; // [UNTESTED]: custom window title background when window is active +titleButtonBg: titleBg; // [UNTESTED]: custom window title minimize/maximize/restore button background when window is inactive (Windows only) +titleButtonFg: color7; // [UNTESTED]: custom window title minimize/maximize/restore button icon when window is inactive (Windows only) +titleButtonBgOver: colorLighter0_40; // [UNTESTED]: custom window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only) +titleButtonFgOver: colorLighter7_40; // [UNTESTED]: custom window title minimize/maximize/restore button icon with mouse over when window is inactive (Windows only) +titleButtonBgActive: titleButtonBg; // [UNTESTED]: custom window title minimize/maximize/restore button background when window is active (Windows only) +titleButtonFgActive: titleButtonFg; // [UNTESTED]: custom window title minimize/maximize/restore button icon when window is active (Windows only) +titleButtonBgActiveOver: titleButtonBgOver; // [UNTESTED]: custom window title minimize/maximize/restore button background with mouse over when window is active (Windows only) +titleButtonFgActiveOver: titleButtonFgOver; // [UNTESTED]: custom window title minimize/maximize/restore button icon with mouse over when window is active (Windows only) +titleButtonCloseBg: titleButtonBg; // [UNTESTED]: custom window title close button background when window is inactive (Windows only) +titleButtonCloseFg: titleButtonFg; // [UNTESTED]: custom window title close button icon when window is inactive (Windows only) +titleButtonCloseBgOver: colorLighter0_40; // [UNTESTED]: custom window title close button background with mouse over when window is inactive (Windows only) +titleButtonCloseFgOver: windowFgActive; // [UNTESTED]: custom window title close button icon with mouse over when window is inactive (Windows only) +titleButtonCloseBgActive: titleButtonCloseBg; // [UNTESTED]: custom window title close button background when window is active (Windows only) +titleButtonCloseFgActive: titleButtonCloseFg; // [UNTESTED]: custom window title close button icon when window is active (Windows only) +titleButtonCloseBgActiveOver: titleButtonCloseBgOver; // [UNTESTED]: custom window title close button background with mouse over when window is active (Windows only) +titleButtonCloseFgActiveOver: titleButtonCloseFgOver; // [UNTESTED]: custom window title close button icon with mouse over when window is active (Windows only) +titleFg: color7; // [UNTESTED]: custom window title text when window is inactive (macOS only) +titleFgActive: colorLighter7_40; // [UNTESTED]: custom window title text when window is active (macOS only) + +// Tray +trayCounterBg: color2; // [UNTESTED]: tray icon counter background +trayCounterBgMute: color0; // [UNTESTED]: tray icon counter background if all unread messages are muted +trayCounterFg: color7; // [UNTESTED]: tray icon counter text +trayCounterBgMacInvert: color7; // [UNTESTED]: tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only) +trayCounterFgMacInvert: color2; // [UNTESTED]: tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only) + +// Layer +layerBg: colorAlpha0_7f; // fade menu opzioni e menu sinistra + +// Cancel +cancelIconFg: colorDarker7_40; // fg croce per chiudere il menu opzioni e altre cose +cancelIconFgOver: color7; // uguale a sopra ma con cursore sopra la croce + +// Box +boxBg: windowBg; // bg menu opzioni +boxTextFg: windowFg; // fg menu opzioni +boxTextFgGood: color2; // [UNTESTED]: accepted box text (like when choosing username that is not occupied) +boxTextFgError: color1; // [UNTESTED]: rejecting box text (like when choosing username that is occupied) +boxTitleFg: colorLighter7_40; // testo delle box, tipo conferma dopo aver cambiato tema +boxSearchBg: color0; // bg field di ricerca delle box, tipo ricerca nell'opzione contatti nel menu a sinistra +boxTitleAdditionalFg: colorDarker7_40; // subtext del boxTitleFg, tipo dove puoi vedere il numero delle persone da aggiungere quando stai creando un gruppo +boxTitleCloseFg: cancelIconFg; // altre croci +boxTitleCloseFgOver: cancelIconFgOver; // altre croci con cursore sopra + +// Members +membersAboutLimitFg: color1; // testo quando si supera il limite di aggiunta membri (dato che è altissimo, impossibile da verificare XD) + +// Contacts +contactsBg: colorLighter0_40; // bg delle box che contengono i contatti nell'apposita sezione accessibile dal menu a sinistra +contactsBgOver: color0; // uguale a sopra ma con il cursore sopra +contactsNameFg: boxTextFg; // fg dei nomi dei contatti nella sezione descritta sopra +contactsStatusFg: colorDarker7_40; // fg dello status dei nomi dei contatti +contactsStatusFgOver: colorDarker7_40; // uguale a sopra ma con il cursore sopra +contactsStatusFgOnline: color2; // fg della scritta in linea nei contatti in linea appunto + +// Photo +photoCropFadeBg: layerBg; // lo sfondo del crop dell'immagine scelta (quando devi impostare una immagine per il gruppo o per il tuo profilo) +photoCropPointFg: colorAlpha7_7f; // rettangolini che delimitano l'immagine che si sta impostando + +// Call +callArrowFg: color2; // [UNTESTED]: received phone call arrow (in calls list box) +callArrowMissedFg: color1; // [UNTESTED]: missed phone call arrow (in calls list box) + +// Intro +introBg: windowBg; // [UNTESTED]: login background +introTitleFg: colorLighter7_40; // [UNTESTED]: login title text +introDescriptionFg: color7; // [UNTESTED]: login description text +introErrorFg: color1; // [UNTESTED]: login error text (like when providing a wrong log in code) +introCoverTopBg: color2; // [UNTESTED]: intro gradient top (from) +introCoverBottomBg: color2; // [UNTESTED]: intro gradient bottom (to) +introCoverIconsFg: colorLighter2_40; // [UNTESTED]: intro cloud graphics +introCoverPlaneTrace: colorLighter2_40; // [UNTESTED]: intro plane traces +introCoverPlaneInner: colorLighter1_40; // [UNTESTED]: intro plane part +introCoverPlaneOuter: color1; // [UNTESTED]: intro plane part +introCoverPlaneTop: colorLighter7_40; // [UNTESTED]: intro plane part + +// Dialogs default +dialogsMenuIconFg: menuIconFg; // main menu and lock telegram icon +dialogsMenuIconFgOver: menuIconFgOver; // main menu and lock telegram icon with mouse over +dialogsBg: windowBg; // box dialoghi bg +dialogsNameFg: colorLighter7_40; // box dialoghi fg nomi +dialogsChatIconFg: dialogsNameFg; // box dialoghi icone gruppo o contatto +dialogsDateFg: colorDarker7_40; // box dialoghi testo data +dialogsTextFg: color7; // box dialoghi testo messaggi (in piccolo sotto il nome) +dialogsTextFgService: color7; // box dialoghi testo messaggi del mittente +dialogsDraftFg: color1; // box dialoghi colore testo bozza +dialogsVerifiedIconBg: color2; // bg icona profilo verificato +dialogsVerifiedIconFg: color0; // fg icona profilo verificato +dialogsSendingIconFg: color2; // icona invio messaggio (orologio) +dialogsSentIconFg: color2; // singolo/doppi tick di conferma invio mex +dialogsUnreadBg: color1; // [UNTESTED]: chat list unread badge background for not muted chat +dialogsUnreadBgMuted: colorDarker7_40; // fg icona pinned per chat fissate +dialogsUnreadFg: colorLighter7_40; // [UNTESTED]: chat list unread badge text + +// Dialogs over +dialogsBgOver: colorLighter0_40; // cursore sopra dialog box +dialogsNameFgOver: windowBoldFgOver; // box dialoghi fg nomi con cursore sopra +dialogsChatIconFgOver: dialogsNameFgOver; // box dialoghi icone gruppo o contatto con cursore sopra +dialogsDateFgOver: colorDarker7_40; // box dialoghi testo data con cursore sopra +dialogsTextFgOver: color7; // box dialoghi testo messaggi (in piccolo sotto il nome) con cursore sopra +dialogsTextFgServiceOver: color7; // box dialoghi testo messaggi del mittente con cursore sopra +dialogsDraftFgOver: dialogsDraftFg; // box dialoghi colore testo bozza con cursore sopra +dialogsVerifiedIconBgOver: color2; // bg icona profilo verificato con cursore sopra +dialogsVerifiedIconFgOver: color0; // fg icona profilo verificato con cursore sopra +dialogsSendingIconFgOver: dialogsSendingIconFg; // icona invio messaggio (orologio) con cursore sopra +dialogsSentIconFgOver: color2; // singolo/doppi tick di conferma invio mex con cursore sopra +dialogsUnreadBgOver: colorDarker1_40; // [UNTESTED]: chat list unread badge background for not muted chat with mouse over +dialogsUnreadBgMutedOver: colorDarker7_40; // [UNTESTED]: chat list unread badge background for muted chat with mouse over +dialogsUnreadFgOver: dialogsUnreadFg; // [UNTESTED]: chat list unread badge text with mouse over + +// Dialogs active +dialogsBgActive: color2; // colore bg dialog box attiva +dialogsNameFgActive: windowBoldFgOver; // box dialoghi fg nomi attiva +dialogsChatIconFgActive: dialogsNameFgActive; // box dialoghi icone gruppo o contatto attiva +dialogsDateFgActive: colorLighter7_40; // box dialoghi testo data attiva +dialogsTextFgActive: colorLighter7_40; // box dialoghi testo messaggi (in piccolo sotto il nome) attiva +dialogsTextFgServiceActive: colorLighter7_40; // box dialoghi testo messaggi del mittente attiva +dialogsDraftFgActive: colorLighter7_40; // box dialoghi colore testo bozza attiva +dialogsVerifiedIconBgActive: dialogsTextFgActive; // [UNTESTED]: chat list verified icon background for current (active) chat +dialogsVerifiedIconFgActive: dialogsBgActive; // [UNTESTED]: chat list verified icon check for current (active) chat +dialogsSendingIconFgActive: colorLighter7_40; // icona invio messaggio (orologio) attiva +dialogsSentIconFgActive: dialogsTextFgActive; // singolo/doppi tick di conferma invio mex attiva +dialogsUnreadBgActive: dialogsTextFgActive; // [UNTESTED]: chat list unread badge background for not muted chat for current (active) chat +dialogsUnreadBgMutedActive: colorLighter7_40; // [UNTESTED]: chat list unread badge background for muted chat for current (active) chat +dialogsUnreadFgActive: colorLighter7_40; // [UNTESTED]: chat list unread badge text for current (active) chat + +// Dialogs ripple +dialogsRippleBg: colorLighter0_60; // effetto ripple sulla box dialoghi non attiva +dialogsRippleBgActive: colorLighter2_40; // effetto ripple sulla box dialoghi attiva + +// Dialogs forward +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) + +// Searched +searchedBarBg: colorLighter0_40; // bg della parte col testo quando si fa la ricerca dei messaggi in una singola chat +searchedBarFg: color7; // fg del testo dell'elemento descritto sopra + +// Top +topBarBg: color0; // bg della barra superiore della parte destra della schermata principale (dentro le chat) + +// Emoji +emojiPanBg: windowBg; // bg del pannello emoji +emojiPanCategories: color0; // bg della parte bassa del pannello emoji (categorie) +emojiPanHeaderFg: color7; // fg header descrittivo del pannello emoji +emojiPanHeaderBg: color0; // [UNTESTED]: bg dell'elemento descritto sopra +emojiIconFg: color7; // fg dell'emoji non attiva (parte finale del pannello emoji) +emojiIconFgActive: color2; // fg dell'emoji attiva + +// Sticker +stickerPanDeleteBg: colorAlpha0_cc; // [UNTESTED]: delete X button background for custom sent stickers in stickers panel (legacy) +stickerPanDeleteFg: windowFgActive; // [UNTESTED]: delete X button icon for custom sent stickers in stickers panel (legacy) +stickerPreviewBg: colorAlpha0_b0; // sticker and GIF preview background (when you press and hold on a sticker) + +// History +historyTextInFg: windowFg; // inbox testo mex non selezionato +historyTextInFgSelected: colorLighter7_40; // inbox testo mex selezionato +historyTextOutFg: color7; // outbox testo mex non selezionato +historyTextOutFgSelected: colorLighter7_40; // outbox testo mex selezionato +historyLinkInFg: color2; // inbox testo link mex non selezionato +historyLinkInFgSelected: colorLighter7_40; // inbox testo link mex selezionato +historyLinkOutFg: color2; // outbox testo link mex non selezionato +historyLinkOutFgSelected: colorLighter7_40; // outbox testo link mex selezionato +historyFileNameInFg: historyTextInFg; // inbox testo filename media non selezionato +historyFileNameInFgSelected: colorLighter7_40; // inbox testo filename media selezionato +historyFileNameOutFg: historyTextOutFg; // outbox testo filename media non selezionato +historyFileNameOutFgSelected: colorLighter7_40; // outbox testo filename media selezionato +historyOutIconFg: color2; // outbox tick/doppio tick testo non selezionato +historyOutIconFgSelected: colorLighter7_40; // outbox tick/doppio tick testo selezionato +historyIconFgInverted: color2; // outbox tick/doppio tick media +historySendingOutIconFg: color2; // outbox icona invio mex (orologio) +historySendingInIconFg: color2; // inbox icona invio mex (orologio) +historySendingInvertedIconFg: colorAlpha2_c8; // inbox icona invio media (orologio) +historyCallArrowInFg: color1; // [UNTESTED]: received phone call arrow +historyCallArrowInFgSelected: colorLighter7_40; // [UNTESTED]: received phone call arrow in a selected message +historyCallArrowMissedInFg: callArrowMissedFg; // [UNTESTED]: missed phone call arrow +historyCallArrowMissedInFgSelected: colorLighter7_40; // [UNTESTED]: missed phone call arrow in a selected message +historyCallArrowOutFg: colorLighter7_40; // [UNTESTED]: outgoing phone call arrow +historyCallArrowOutFgSelected: colorLighter7_40; // [UNTESTED]: outgoing phone call arrow +historyUnreadBarBg: color0; // [UNTESTED]: new unread messages bar background +historyUnreadBarBorder: shadowFg; // [UNTESTED]: new unread messages bar shadow +historyUnreadBarFg: color1; // [UNTESTED]: new unread messages bar text +historyForwardChooseBg: colorAlpha0_4c; // [UNTESTED]: forwarding messages in a large window size "choose recipient" background +historyForwardChooseFg: windowFgActive; // [UNTESTED]: forwarding messages in a large window size "choose recipient" text +historyPeer1NameFg: color1; // nome user 1 mex non selezionato +historyPeer1NameFgSelected: colorLighter7_40; // nome user 1 mex selezionato +historyPeer1UserpicBg: color1; // bg userpic 1 +historyPeer2NameFg: color2; // nome user 2 mex non selezionato +historyPeer2NameFgSelected: colorLighter7_40; // nome user 2 mex selezionato +historyPeer2UserpicBg: color2; // bg userpic 2 +historyPeer3NameFg: color3; // nome user 3 mex non selezionato +historyPeer3NameFgSelected: colorLighter7_40; // nome user 3 mex selezionato +historyPeer3UserpicBg: color3; // bg userpic 3 +historyPeer4NameFg: color4; // nome user 4 mex non selezionato +historyPeer4NameFgSelected: colorLighter7_40; // nome user 4 mex selezionato +historyPeer4UserpicBg: color4; // bg userpic 4 +historyPeer5NameFg: color5; // nome user 5 mex non selezionato +historyPeer5NameFgSelected: colorLighter7_40; // nome user 5 mex selezionato +historyPeer5UserpicBg: color5; // bg userpic 5 +historyPeer6NameFg: color6; // nome user 6 mex non selezionato +historyPeer6NameFgSelected: colorLighter7_40; // nome user 6 mex selezionato +historyPeer6UserpicBg: color6; // bg userpic 6 +historyPeer7NameFg: color7; // nome user 7 mex non selezionato +historyPeer7NameFgSelected: colorLighter7_40; // nome user 7 mex selezionato +historyPeer7UserpicBg: color7; // bg userpic 7 +historyPeer8NameFg: color8; // nome user 8 mex non selezionato +historyPeer8NameFgSelected: colorLighter7_40; // nome user 8 mex selezionato +historyPeer8UserpicBg: color8; // bg userpic 8 +historyPeerUserpicFg: windowFgActive; // fg iniziali userpic +historyScrollBarBg: colorAlpha7_7a; // bg contenitore barra normale +historyScrollBarBgOver: colorAlpha7_bc; // bg contenitore barra con cursore sopra +historyScrollBg: colorAlpha7_4c; // bg barra normale +historyScrollBgOver: colorAlpha7_6b; // bg barra con cursore sopra + +// Msg +msgInBg: color0; // inbox mex bg non selezionato +msgInBgSelected: color2; // inbox mex bg selezionato +msgOutBg: color0; // outbox mex bg non selezionato +msgOutBgSelected: color2; // outbox mex bg selezionato +msgSelectOverlay: colorAlpha2_4c; // overlay sopra il mex selezionato +msgStickerOverlay: colorAlpha2_7f; // overlay sopra lo sticker selezionato +msgInServiceFg: windowActiveTextFg; // inbox colore testo informazioni tipo inoltrato da... non selezionato +msgInServiceFgSelected: colorLighter7_40; // inbox colore testo informazioni tipo inoltrato da... selezionato +msgOutServiceFg: color2; // outbox colore testo informazioni tipo inoltrato da... non selezionato +msgOutServiceFgSelected: colorLighter7_40; // outbox colore testo informazioni tipo inoltrato da... selezionato +msgInShadow: colorAlpha0_00; // inbox ombre mex non selezionato +msgInShadowSelected: colorAlpha2_00; // inbox ombra mex selezionato +msgOutShadow: colorAlpha0_00; // outbox ombra mex non selezionato +msgOutShadowSelected: colorAlpha2_00; // outbox ombra mex selezionato +msgInDateFg: colorDarker7_40; // inbox ore invio mex non selezionato +msgInDateFgSelected: colorLighter7_40; // inbox ore invio mex selezionato +msgOutDateFg: colorDarker7_40; // outbox ore invo mex non selezionato +msgOutDateFgSelected: colorLighter7_40; // outbox ore invio mex selezionato +msgServiceFg: windowFgActive; // fg mex di servizio (tipo data mex, titolo del gruppo cambiato e così via) +msgServiceBg: color0; // bg mex di servizio non selezionato +msgServiceBgSelected: color2; // bg mex di servizio selezionato +msgInReplyBarColor: color2; // inbox colore testo tipo inoltrato da ecc... non selezionato +msgInReplyBarSelColor: colorLighter7_40; // inbox colore testo tipo inoltrato da ecc.... selezionato +msgOutReplyBarColor: color2; // outbox colore testo tipo inoltrato da ecc.... non selezionato +msgOutReplyBarSelColor: colorLighter7_40; // outbox colore testo tipo inoltrato da ecc.... selezionato +msgImgReplyBarColor: msgServiceFg; // [UNTESTED]: colore testo inoltrato qunado si tratta di immagini +msgInMonoFg: color7; // inbox mex monospace non selezionato +msgInMonoFgSelected: colorLighter7_40; // inbox mex monospace selezionato +msgOutMonoFg: color7; // outbox mex monospace non selezionato +msgOutMonoFgSelected: colorLighter7_40; // outbox mex monospace selezionato +msgDateImgFg: msgServiceFg; // mex media fg bolla ore invio +msgDateImgBg: colorAlpha0_54; // mex media bg bolla ore invio +msgDateImgBgOver: colorAlpha0_74; // mex media bg bolla ore invio con cursore sopra +msgDateImgBgSelected: colorAlpha2_87; // mex media bg bolla ore invio selezionato +msgFileThumbLinkInFg: lightButtonFg; // inbox file media file mex scarica non selezionato +msgFileThumbLinkInFgSelected: lightButtonFgOver; // inbox file media file mex scarica selezionato +msgFileThumbLinkOutFg: color2; // outbox file media file mex scarica non selezionato +msgFileThumbLinkOutFgSelected: colorLighter7_40; // outbox file media file mex scarica selezionato +msgFileInBg: color2; // inbox bg file audio cerchio download +msgFileInBgOver: colorLighter2_30; // inbox bg file audio cerchio download con cursore sopra +msgFileInBgSelected: colorLighter2_50; // inbox bg file audio cerchio download selezionato +msgFileOutBg: color2; // outbox bg file audio cerchio download +msgFileOutBgOver: colorLighter2_30; // outbox bg file audio cerchio download con cursore sopra +msgFileOutBgSelected: colorLighter2_50; // outbox bg file audio cerchio download selezionato +msgFile1Bg: color1; // [UNTESTED]: blue shared links / files without image square thumbnail +msgFile1BgDark: colorDarker1_30; // [UNTESTED]: blue shared files without image download circle background +msgFile1BgOver: colorLighter1_40; // [UNTESTED]: blue shared files without image download circle background with mouse over +msgFile1BgSelected: colorLighter7_40; // [UNTESTED]: blue shared files without image download circle background if file is selected +msgFile2Bg: color2; // [UNTESTED]: green shared links / shared files without image square thumbnail +msgFile2BgDark: colorDarker2_30; // [UNTESTED]: green shared files without image download circle background +msgFile2BgOver: colorLighter2_40; // [UNTESTED]: green shared files without image download circle background with mouse over +msgFile2BgSelected: colorLighter7_40; // [UNTESTED]: green shared files without image download circle background if file is selected +msgFile3Bg: color3; // [UNTESTED]: red shared links / shared files without image square thumbnail +msgFile3BgDark: colorDarker7_30; // [UNTESTED]: red shared files without image download circle background +msgFile3BgOver: colorLighter7_40; // [UNTESTED]: red shared files without image download circle background with mouse over +msgFile3BgSelected: colorLighter7_40; // [UNTESTED]: red shared files without image download circle background if file is selected +msgFile4Bg: color3; // [UNTESTED]: yellow shared links / shared files without image square thumbnail +msgFile4BgDark: colorDarker3_30; // [UNTESTED]: yellow shared files without image download circle background +msgFile4BgOver: colorLighter3_40; // [UNTESTED]: yellow shared files without image download circle background with mouse over +msgFile4BgSelected: colorLighter7_40; // [UNTESTED]: yellow shared files without image download circle background if file is selected +msgWaveformInActive: windowBgActive; // inbox ondina audio inattivo non selezionato +msgWaveformInActiveSelected: colorLighter7_40; // inbox ondina audio inattivo selezionato +msgWaveformInInactive: colorDarker7_30; // inbox ondina audio attivo non selezionato +msgWaveformInInactiveSelected: colorLighter2_40; // inbox ondina audio attivo selezionato +msgWaveformOutActive: color2; // outbox ondina audio inattivo non selezionato +msgWaveformOutActiveSelected: colorLighter7_40; // outbox ondina audio inattivo selezionato +msgWaveformOutInactive: colorDarker7_30; // outbox ondina audio attivo non selezionato +msgWaveformOutInactiveSelected: colorLighter2_40; // outbox ondina audio attivo selezionato +msgBotKbOverBgAdd: colorAlpha7_14; // [UNTESTED]: this is painted over a bot inline keyboard button (which has msgServiceBg background) when mouse is over that button +msgBotKbIconFg: msgServiceFg; // [UNTESTED]: bot inline keyboard button icon in the top-right corner (like in @vote bot when a poll is ready to be shared) +msgBotKbRippleBg: colorAlpha1_10; // [UNTESTED]: bot inline keyboard button ripple effect + +// Download animations +historyFileInIconFg: color0; // inbox freccia scaricamento file non selezionato +historyFileInIconFgSelected: color2; // inbox freccia scaricamento file selezionato +historyFileInRadialFg: color0; // inbox particella animazione scaricamento file non selezionato +historyFileInRadialFgSelected: historyFileInIconFgSelected; // inbox particella animazione scaricamento file selezionato +historyFileOutIconFg: color0; // outbox freccia scaricamento file non selezionato +historyFileOutIconFgSelected: color2; // outbox freccia scaricamento file selezionato +historyFileOutRadialFg: historyFileOutIconFg; // outbox particella animazione scaricamento file non selezionato +historyFileOutRadialFgSelected: color2; // outbox particella animazione scaricamento file selezionato +historyFileThumbIconFg: colorLighter7_40; // fg freccia scaricamento foto/video non selezionato +historyFileThumbIconFgSelected: colorLighter7_40; // fg freccia scariamento foto/video selezionato +historyFileThumbRadialFg: historyFileThumbIconFg; // fg particella animazione scaricamento foto/video non selezionato +historyFileThumbRadialFgSelected: colorLighter7_40; // fg particella animazione scaricamento foto/video selezionato +historyVideoMessageProgressFg: historyFileThumbIconFg; // [UNTESTED]: radial playback progress in round video messages + +// YouTube +youtubePlayIconBg: #83131c88; // [UNTESTED]: youtube play icon background (when a link to a youtube video with a webpage preview is sent) +youtubePlayIconFg: windowFgActive; // [UNTESTED]: youtube play icon arrow (when a link to a youtube video with a webpage preview is sent) + +// Video +videoPlayIconBg: colorAlpha0_7f; // [UNTESTED]: other video play icon background (like when a link to a vimeo video with a webpage preview is sent) +videoPlayIconFg: colorLighter7_40; // [UNTESTED]: other video play icon arrow (like when a link to a vimeo video with a webpage preview is sent) + +// Toast +toastBg: colorAlpha0_b2; // [UNTESTED]: toast notification background (like when you click on your t.me link when editing your username) +toastFg: windowFgActive; // [UNTESTED]: toast notification text (like when you click on your t.me link when editing your username) + +// Report +reportSpamBg: color0; // [UNTESTED]: report spam panel background (like a non contact user writes your for the first time) +reportSpamFg: windowFg; // [UNTESTED]: report spam panel text (when you send a report from that panel) + +// Composition area +historyToDownBg: color0; // bg bottone a freccia per scorrere in fondo alla chat +historyToDownBgOver: colorLighter0_40; // bg bottone a freccia per scorrere in fondo alla chat con cursore sopra +historyToDownBgRipple: colorLighter0_60; // bg bottone a freccia per scorrere in fondo alla chat selezionato +historyToDownFg: color7; // fg bottone a freccia per scorrere in fondo alla chat +historyToDownFgOver: menuIconFgOver; // fg bottone a freccia per scorrere in fondo alla chat con cursore sopra +historyToDownShadow: colorAlpha0_40; // ombra del bottone +historyComposeAreaBg: color0; // bg area di composizione in basso a destra della schermata principale +historyComposeAreaFg: historyTextInFg; // fg dell'area appena citata +historyComposeAreaFgService: msgInDateFg; // testo mex selezionato nell'area di composizione +historyComposeIconFg: menuIconFg; // fg icone dell'area composizione +historyComposeIconFgOver: menuIconFgOver; // fg icone dell'area composizione con cursore sopra +historySendIconFg: windowBgActive; // fg icona invio messaggio +historySendIconFgOver: windowBgActive; // fg icona invio messaggio con cursore sopra +historyPinnedBg: historyComposeAreaBg; // [UNTESTED]: pinned message area background +historyReplyBg: historyComposeAreaBg; // bg area rispondi, inoltra, modfica mex +historyReplyIconFg: windowBgActive; // fg icona freccia verso sinistra in area rispondi, inoltra, modifica mex +historyReplyCancelFg: cancelIconFg; // fg icona croce in area rispondi, inoltra, modifica mex +historyReplyCancelFgOver: cancelIconFgOver; // fg icona croce in area rispondi, inoltra, modifica mex con cursore sopra +historyComposeButtonBg: historyComposeAreaBg; // [UNTESTED]: unblock / join channel / mute channel button background +historyComposeButtonBgOver: colorLighter0_40; // [UNTESTED]: unblock / join channel / mute channel button background with mouse over +historyComposeButtonBgRipple: colorLighter0_60; // [UNTESTED]: unblock / join channel / mute channel button ripple effect + +// Overview +overviewCheckBg: colorAlpha0_40; // [UNTESTED]: shared files / links checkbox background for not selected rows when some rows are selected +overviewCheckFg: colorLighter7_40; // [UNTESTED]: shared files / links checkbox icon for not selected rows when some rows are selected +overviewCheckFgActive: colorLighter7_40; // [UNTESTED]: shared files / links checkbox icon for selected rows +overviewPhotoSelectOverlay: colorAlpha1_33; // [UNTESTED]: shared photos / videos / links fill for selected rows + +// Profile +profileStatusFgOver: color1; // [UNTESTED]: group members list in group profile user last seen text with mouse over +profileVerifiedCheckBg: windowBgActive; // [UNTESTED]: profile verified check icon background +profileVerifiedCheckFg: windowFgActive; // [UNTESTED]: profile verified check icon tick +profileAdminStartFg: windowBgActive; // [UNTESTED]: group members list admin star icon + +// Notifications +notificationsBoxMonitorFg: windowFg; // [UNTESTED]: custom notifications settings box monitor color +notificationsBoxScreenBg: dialogsBgActive; // [UNTESTED]: #6389a8; // custom notifications settings box monitor screen background +notificationSampleUserpicFg: windowBgActive; // [UNTESTED]: custom notifications settings box small sample userpic placeholder +notificationSampleCloseFg: color7; // [UNTESTED]: custom notifications settings box small sample close button placeholder +notificationSampleTextFg: color7; // [UNTESTED]: custom notifications settings box small sample text placeholder +notificationSampleNameFg: colorLighter0_40; // [UNTESTED]: custom notifications settings box small sample name placeholder + +// Change +changePhoneSimcardFrom: notificationSampleTextFg; // [UNTESTED]: change phone number box left simcard icon +changePhoneSimcardTo: notificationSampleNameFg; // [UNTESTED]: change phone number box right simcard and plane icons + +// Main +mainMenuBg: windowBg; // bg menu a sinstra +mainMenuCoverBg: color2; // bg top cover menu a sinistra (parte sopra) +mainMenuCoverFg: windowFgActive; // fg top cover menu a sinistra +mainMenuCloudFg: colorLighter7_40; // fg icona nuvoletta nel menu a sinistra +mainMenuCloudBg: color4; // bg icona nuvoletta nel menu a sinistra + +// Media +mediaInFg: msgInDateFg; // inbox testo di status (tipo peso del file audio) non selezionato +mediaInFgSelected: msgInDateFgSelected; // inbox testo di status (tipo peso del file audio) selezionato +mediaOutFg: msgOutDateFg; // outbox testo di status (tipo peso del file audio) non selezionato +mediaOutFgSelected: msgOutDateFgSelected; // outbox testo di status (tipo peso del file audio) selezionato +mediaPlayerBg: windowBg; // [UNTESTED]: audio file player background +mediaPlayerActiveFg: windowBgActive; // [UNTESTED]: audio file player playback progress already played part +mediaPlayerInactiveFg: sliderBgInactive; // [UNTESTED]: audio file player playback progress upcoming (not played yet) part with mouse over +mediaPlayerDisabledFg: color1; // [UNTESTED]: audio file player loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet) + +// Mediaview +mediaviewFileBg: windowBg; // [UNTESTED]: file rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file) +mediaviewFileNameFg: windowFg; // [UNTESTED]: file name in file rectangle +mediaviewFileSizeFg: windowSubTextFg; // [UNTESTED]: file size text in file rectangle +mediaviewFileRedCornerFg: color1; // [UNTESTED]: red file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .pdf) +mediaviewFileYellowCornerFg: color2; // [UNTESTED]: yellow file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .zip) +mediaviewFileGreenCornerFg: color3; // [UNTESTED]: green file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .exe) +mediaviewFileBlueCornerFg: color4; // [UNTESTED]: blue file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .dmg) +mediaviewFileExtFg: activeButtonFg; // [UNTESTED]: file extension text in file thumbnail placeholder in file rectangle +mediaviewMenuBg: color0; // [UNTESTED]: context menu in Media Viewer background +mediaviewMenuBgOver: colorLighter0_40; // [UNTESTED]: context menu item background with mouse over +mediaviewMenuBgRipple: colorLighter0_60; // [UNTESTED]: context menu item ripple effect +mediaviewMenuFg: windowFgActive; // [UNTESTED]: context menu item text +mediaviewBg: colorDarker0_30; // [UNTESTED]: media viewer background +mediaviewVideoBg: imageBg; // [UNTESTED]: media viewer background when viewing a video in full screen +mediaviewControlBg: colorDarker0_50; // [UNTESTED]: controls background (like next photo / previous photo) +mediaviewControlFg: windowFgActive; // [UNTESTED]: controls icon (like next photo / previous photo) +mediaviewCaptionBg: colorDarker0_50; // [UNTESTED]: caption text background (when viewing photo with caption) +mediaviewCaptionFg: mediaviewControlFg; // [UNTESTED]: caption text +mediaviewTextLinkFg: color7; // [UNTESTED]: caption text link +mediaviewSaveMsgBg: toastBg; // [UNTESTED]: save to file toast message background in Media Viewer +mediaviewSaveMsgFg: toastFg; // [UNTESTED]: save to file toast message text +mediaviewPlaybackActive: color7; // [UNTESTED]: video playback progress already played part +mediaviewPlaybackInactive: colorDarker7_50; // [UNTESTED]: video playback progress upcoming (not played yet) part +mediaviewPlaybackActiveOver: colorLighter7_40; // [UNTESTED]: video playback progress already played part with mouse over +mediaviewPlaybackInactiveOver: colorDarker7_30; // [UNTESTED]: video playback progress upcoming (not played yet) part with mouse over +mediaviewPlaybackProgressFg: colorLighter7_40; // [UNTESTED]: video playback progress text +mediaviewPlaybackIconFg: mediaviewPlaybackActive; // [UNTESTED]: video playback controls icon +mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver; // [UNTESTED]: video playback controls icon with mouse over +mediaviewTransparentBg: colorLighter7_40; // [UNTESTED]: transparent filling part (when viewing a transparent .png file in Media Viewer) +mediaviewTransparentFg: color7; // [UNTESTED]: another transparent filling part +notificationBg: windowBg; // [UNTESTED]: custom notification window background + +// Call +callBg: colorAlpha0_f2; // [UNTESTED]: phone call popup background +callNameFg: colorLighter7_40; // [UNTESTED]: phone call popup name text +callFingerprintBg: colorAlpha0_66; // [UNTESTED]: phone call popup emoji fingerprint background +callStatusFg: color7; // [UNTESTED]: phone call popup status text +callIconFg: colorLighter7_40; // [UNTESTED]: phone call popup answer, hangup and mute mic icon +callAnswerBg: color2; // [UNTESTED]: phone call popup answer button background +callAnswerRipple: colorDarker2_30; // [UNTESTED]: phone call popup answer button ripple effect +callAnswerBgOuter: colorLighter2_30; // [UNTESTED]: phone call popup answer button outer ripple effect +callHangupBg: color1; // [UNTESTED]: phone call popup hangup button background +callHangupRipple: colorDarker1_30; // [UNTESTED]: phone call popup hangup button ripple effect +callCancelBg: colorLighter7_40; // [UNTESTED]: phone call popup line busy cancel button background +callCancelFg: colorDarker7_40; // [UNTESTED]: phone call popup line busy cancel button icon +callCancelRipple: colorLighter7_40; // [UNTESTED]: phone call popup line busy cancel button ripple effect +callMuteRipple: #ffffff12; // [UNTESTED]: phone call popup mute mic ripple effect +callBarBg: dialogsBgActive; // [UNTESTED]: active phone call bar background +callBarMuteRipple: dialogsRippleBgActive; // [UNTESTED]: active phone call bar mute and hangup button ripple effect +callBarBgMuted: colorLighter0_40; // [UNTESTED]: phone call bar with muted mic background +callBarUnmuteRipple: colorLighter0_40; // [UNTESTED]: phone call bar with muted mic mute and hangup button ripple effect +callBarFg: dialogsNameFgActive; // [UNTESTED]: phone call bar text and icons + +// Important +importantTooltipBg: toastBg; // [UNTESTED]: +importantTooltipFg: toastFg; // [UNTESTED]: +importantTooltipFgLink: color2; // [UNTESTED]: + +// Bot +botKbBg: color0; // [UNTESTED]: +botKbDownBg: colorLighter0_40; // [UNTESTED]: + +// Overview +overviewCheckBorder: color2; // [UNTESTED]: + +// Sidebar +sideBarBg: color0; +sideBarBgActive: color2; +sideBarBgRipple: color1; +sideBarTextFg: color1; +sideBarTextFgActive: color7; +sideBarIconFg: color7; +sideBarIconFgActive: colorLighter7_40; +sideBarBadgeBg: color1; +sideBarBadgeBgMuted: colorDarker7_40; +sideBarBadgeFg: colorLighter7_40; + +// DUNNO +profileOtherAdminStarFg: color7; // [UNTESTED]: -- cgit v1.2.3