Couleurs du thème¶
Les couleurs de l’interface utilisateur de Smeetin peuvent être personnalisées dans Paramètres du compte > Affichage > Thème. Vous pouvez importer les couleurs de votre thème depuis Slack, personnaliser les couleurs vous-même, ou choisir parmi quatre thèmes standards conçus par l’équipe de Smeetin.
Les modifications que vous effectuez sont appliquées à toutes les équipes dont vous faites partie.
Thèmes standards¶
Sélectionnez Couleurs du thème pour choisir parmi quatre thèmes standards conçus par l’équipe de Smeetin. Pour faire des ajustements personnalisés sur les quatre couleurs de thèmes standards, cliquez sur un thème standard, puis sélectionnez Thème personnalisé pour charger le thème standard dans les sélecteurs de couleur de thème personnalisé.
Importer un thème depuis Slack¶
Pour importer un thème, allez à Préférences > Thème de la barre latérale dans Slack, ouvrez l’option de thème personnalisé, copier le vecteur de couleur du thème, puis copiez-le dans la fenêtre de saisie Saisir le thème Slack dans le Smeetin. Les paramètres de thème qui ne sont pas personnalisables dans Slack adopteront les paramètres de thème standard « MyBys » par défaut.
Thèmes personnalisés¶
Observez un aperçu en direct alors que vous personnalisez les couleurs du thème, puis cliquez sur Enregistrer pour confirmer vos modifications. Annulez vos modifications en quittant la fenêtre de paramètres et en cliquant sur Oui, annuler.
Styles de chaîne centrale¶
- Arrière-plan de la chaîne centrale
Couleur de la sous-fenêtre centrale, de la barre latérale droite et de tous les arrière-plans des fenêtres de dialogue.
- Texte de la chaîne centrale
Couleur de tout le texte (à l’exception des mentions, des liens, des mots-clics et des blocs de code), dans la sous-fenêtre centrale, la barre latérale droite et les fenêtres de dialogue.
- Séparateur de nouveau message
Le séparateur de nouveau message apparaît sous le dernier message lu lorsque vous cliquez sur une chaîne avec des messages non lus.
- Arrière-plan des mentions surlignées
Couleur de surlignage derrière vos mots qui déclenchent les mentions dans la sous-fenêtre centrale et la barre latérale droite.
- Lien de surlignage des mentions
Couleur du texte de vos mots qui déclenchent des mentions dans la sous-fenêtre centrale et la barre latérale droite.
- Thème du code
Couleurs d’arrière-plan et de syntaxe pour tous les blocs de code.
Exporter un thème personnalisé¶
Vous pouvez exporter un thème en copiant le « Code du thème » à partir du menu Thème personnalisé.
Allez à Paramètres du compte > Affichage > Thème personnalisé > Copier et coller pour partager les couleurs du thème et copiez le code du thème pour l’exporter.
Importer un thème personnalisé¶
Vous pouvez importer un thème en copiant un « code de thème » dans le menu Thème personnalisé.
Allez à Paramètres du compte > Affichage > Thème personnalisé > Copier et coller pour partager les couleurs d’un thème et copiez le code d’un thème pour l’importer, cliquez ensuite sur Enregistrer.
Exemples de thème personnalisé¶
Personnalisez les couleurs de votre thème et partagez-les avec les autres en copiant et collant les vecteurs de thème dans la fenêtre de saisie.
Thème GitHub¶
{"awayIndicator":"#D4B579","buttonBg":"#66CCCC","buttonColor":"#FFFFFF","centerChannelBg":"#FFFFFF","centerChannelColor":"#444444","codeTheme":"github","linkColor":"#3DADAD","mentionBg":"#66CCCC","mentionColor":"#FFFFFF","mentionHighlightBg":"#3DADAD","mentionHighlightLink":"#FFFFFF","newMessageSeparator":"#F2777A","onlineIndicator":"#52ADAD","sidebarBg":"#F2F0EC","sidebarHeaderBg":"#E8E6DF","sidebarHeaderTextColor":"#424242","sidebarText":"#2E2E2E","sidebarTextActiveBorder":"#66CCCC","sidebarTextActiveColor":"#594545","sidebarTextHoverBg":"#E0E0E0","sidebarUnreadText":"#515151"}
Thème Monokai¶
{"awayIndicator":"#B8B884","buttonBg":"#90AD58","buttonColor":"#FFFFFF","centerChannelBg":"#FFFFFF","centerChannelColor":"#444444","codeTheme":"monokai","linkColor":"#90AD58","mentionBg":"#7E9949","mentionColor":"#FFFFFF","mentionHighlightBg":"#54850C","mentionHighlightLink":"#FFFFFF","newMessageSeparator":"#90AD58","onlineIndicator":"#99CB3F","sidebarBg":"#262626","sidebarHeaderBg":"#363636","sidebarHeaderTextColor":"#FFFFFF","sidebarText":"#FFFFFF","sidebarTextActiveBorder":"#7E9949","sidebarTextActiveColor":"#FFFFFF","sidebarTextHoverBg":"#525252","sidebarUnreadText":"#CCCCCC"}
Thème Solarized Dark¶
{"awayIndicator":"#E0B333","buttonBg":"#859900","buttonColor":"#fdf6e3","centerChannelBg":"#073642","centerChannelColor":"#93a1a1","codeTheme":"solarized-dark","linkColor":"#268bd2","mentionBj":"#dc322f","mentionColor":"#ffffff","mentionHighlightBg":"#d33682","mentionHighlightLink":"#268bd2","newMessageSeparator":"#cb4b16","onlineIndicator":"#2AA198","sidebarBg":"#073642","sidebarHeaderBg":"#002B36","sidebarHeaderTextColor":"#FDF6E3","sidebarText":"#FDF6E3","sidebarTextActiveBorder":"#d33682","sidebarTextActiveColor":"#FDF6E3","sidebarTextHoverBg":"#CB4B16","sidebarUnreadText":"#FDF6E3","errorTextColor":"#dc322f"}
Thème Gruvbox Dark¶
{"awayIndicator":"#fabd2f","buttonBg":"#689d6a","buttonColor":"#ebdbb2","centerChannelBg":"#3c3836","centerChannelColor":"#ebdbb2","codeTheme":"monokai","errorTextColor":"#fb4934","linkColor":"#83a598","mentionBj":"#b16286","mentionColor":"#fbf1c7","mentionHighlightBg":"#d65d0e","mentionHighlightLink":"#fbf1c7","newMessageSeparator":"#d65d0e","onlineIndicator":"#b8bb26","sidebarBg":"#282828","sidebarHeaderBg":"#1d2021","sidebarHeaderTextColor":"#ebdbb2","sidebarText":"#ebdbb2","sidebarTextActiveBorder":"#d65d0e","sidebarTextActiveColor":"#fbf1c7","sidebarTextHoverBg":"#d65d0e","sidebarUnreadText":"#fe8019"}
