fix(theme-tac): use tchap theme for TAC button and badge

tchapgouv · Jun 19, 2024 · 287295b · 287295b
1 parent c161737
commit 287295b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/linked-dependencies/matrix-react-sdk/res/themes/light-custom/css/_custom.pcss b/linked-dependencies/matrix-react-sdk/res/themes/light-custom/css/_custom.pcss
@@ -131,6 +131,8 @@ $icon-button-color: var(--icon-button-color, $icon-button-color);
 $strong-input-border-color: var(--strong-input-border-color, $strong-input-border-color);
 $inverted-bg-color: var(--strong-input-border-color, $inverted-bg-color);
 
+$e2e-verified-color: var(--confirmation-color); // to keep it green instead of tchap red
+
 /**
  * Variation of the accent color.
  * Generate this colour scale using LeonardoColor

diff --git a/res/themes/tchap-common/css/_tchap_custom.pcss b/res/themes/tchap-common/css/_tchap_custom.pcss
@@ -61,4 +61,8 @@
     .mx_SecondaryButton  {
         background: rgba(255, 255, 255, 0);
     }
+}
+
+.mx_ThreadsActivityCentreButton .mx_ThreadsActivityCentreButton_Icon {
+    color: white;
 }
diff --git a/res/themes/tchap-light/css/_tchap_custom_vars.pcss b/res/themes/tchap-light/css/_tchap_custom_vars.pcss
@@ -36,6 +36,7 @@ body {
     --cpd-color-bg-action-primary-rest: var(--accent);
     --cpd-color-text-on-solid-primary: #ffffff;
     --cpd-color-icon-accent-tertiary: var(--accent);
+    --cpd-color-icon-success-primary: var(--warning-color); // use for badge level color, we use red in tchap instead of element's green
 
     /* TODO default avatar colors are broken because of the switch to use Compound to manage colors.
     Try something like this: