From 9aa2bbe115a90c09f3004ab105979e2f743503d7 Mon Sep 17 00:00:00 2001 From: Robert Pintilii Date: Wed, 17 Nov 2021 11:35:07 +0200 Subject: [PATCH] feat(tokens) Added more colors to theme (#10381) --- react/features/base/ui/Tokens.js | 27 ++++++++++++++++++++++-- resources/custom-theme/custom-theme.json | 11 +++++++++- 2 files changed, 35 insertions(+), 3 deletions(-) diff --git a/react/features/base/ui/Tokens.js b/react/features/base/ui/Tokens.js index 38ea438bb..1fc17a518 100644 --- a/react/features/base/ui/Tokens.js +++ b/react/features/base/ui/Tokens.js @@ -40,7 +40,17 @@ export const colors = { warning05: '#F8AE1A', warning06: '#ED9E1B', - warning07: '#D77976' + warning07: '#D77976', + + support01: '#FF9B42', + support02: '#F96E57', + support03: '#DF486F', + support04: '#B23683', + support05: '#73348C', + support06: '#6A50D3', + support07: '#4380E2', + support08: '#00A8B3', + support09: '#2AA076' }; // Mapping between the token used and the color @@ -233,7 +243,20 @@ export const colorMap = { warning02: 'warning06', // Color for insecure room - warning03: 'warning07' + warning03: 'warning07', + + // Backgrounds for avatars + support01: 'support01', + support02: 'support02', + support03: 'support03', + support04: 'support04', + support05: 'support05', + support06: 'support06', + support08: 'support08', + support09: 'support09', + + // Used for avatars and raise hand badge + support07: 'support07' }; diff --git a/resources/custom-theme/custom-theme.json b/resources/custom-theme/custom-theme.json index 66753f750..04d827e8b 100644 --- a/resources/custom-theme/custom-theme.json +++ b/resources/custom-theme/custom-theme.json @@ -68,7 +68,16 @@ "success01": "#1EC26A", "success02": "#1EC26A", "warning01": "#F8AE1A", - "warning02": "#ED9E1B" + "warning02": "#ED9E1B", + "support01": "#FF9B42", + "support02": "#F96E57", + "support03": "#DF486F", + "support04": "#B23683", + "support05": "#73348C", + "support06": "#6A50D3", + "support07": "#4380E2", + "support08": "#00A8B3", + "support09": "#2AA076" }, "typography": { "font": {