summaryrefslogtreecommitdiff
path: root/usr/wal-telegram/colors.wal-constants
diff options
context:
space:
mode:
Diffstat (limited to 'usr/wal-telegram/colors.wal-constants')
-rw-r--r--usr/wal-telegram/colors.wal-constants570
1 files changed, 0 insertions, 570 deletions
diff --git a/usr/wal-telegram/colors.wal-constants b/usr/wal-telegram/colors.wal-constants
deleted file mode 100644
index 9a6bdf8..0000000
--- a/usr/wal-telegram/colors.wal-constants
+++ /dev/null
@@ -1,570 +0,0 @@
-// 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: colorLighte7_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: colorDarker3_30; // [UNTESTED]: red shared files without image download circle background
-msgFile3BgOver: colorLighter3_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: color4; // [UNTESTED]: yellow shared links / shared files without image square thumbnail
-msgFile4BgDark: colorDarker4_30; // [UNTESTED]: yellow shared files without image download circle background
-msgFile4BgOver: colorLighter4_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: #83131c8; // [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]: