summaryrefslogtreecommitdiff
path: root/.local/usr/wal-telegram/colors.wt-constants
diff options
context:
space:
mode:
Diffstat (limited to '.local/usr/wal-telegram/colors.wt-constants')
-rw-r--r--.local/usr/wal-telegram/colors.wt-constants585
1 files changed, 585 insertions, 0 deletions
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]: