feature/IO-1113-Online-Dark-Mode - Initial Commit

client/src/components/share-to-teams/share-to-teams.component.jsx

@@ -41,7 +41,6 @@ const ShareToTeamsComponent = ({
 }) => {
   const location = useLocation();
   const { t } = useTranslation();
-
   const currentUrl =
     urlOverride ||
     encodeURIComponent(`${window.location.origin}${location.pathname}${location.search}${location.hash}`);
@@ -49,31 +48,24 @@ const ShareToTeamsComponent = ({
     pageTitleOverride ||
     encodeURIComponent(typeof document !== "undefined" ? document.title : t("general.actions.sharetoteams"));
   const messageText = messageTextOverride || encodeURIComponent(t("general.actions.sharetoteams"));
-
   // Construct the Teams share URL with parameters
   const teamsShareUrl = `https://teams.microsoft.com/share?href=${currentUrl}&preText=${messageText}&title=${pageTitle}`;
-
   // Function to open the centered share link in a new window/tab
   const handleShare = () => {
     const screenWidth = window.screen.width;
     const screenHeight = window.screen.height;
     const windowWidth = 600;
     const windowHeight = 400;
-
     const left = screenWidth / 2 - windowWidth / 2;
     const top = screenHeight / 2 - windowHeight / 2;
-
     const windowFeatures = `width=${windowWidth},height=${windowHeight},left=${left},top=${top}`;
-
     // noinspection JSIgnoredPromiseFromCall
     window.open(teamsShareUrl, "_blank", windowFeatures);
   };
-
   // Feature is disabled
   if (!bodyshop?.md_functionality_toggles?.teams) {
     return null;
   }
-
   if (noIcon) {
     return (
       <div style={{ cursor: "pointer", ...noIconStyle }} onClick={handleShare}>
@@ -81,16 +73,15 @@ const ShareToTeamsComponent = ({
       </div>
     );
   }
-
   return (
     <Button
       style={{
-        backgroundColor: "#6264A7",
-        borderColor: "#6264A7",
-        color: "#FFFFFF",
+        backgroundColor: "var(--teams-button-bg)",
+        borderColor: "var(--teams-button-border)",
+        color: "var(--teams-button-text)",
         ...buttonStyle
       }}
-      icon={<PiMicrosoftTeamsLogo style={{ color: "#FFFFFF", ...buttonIconStyle }} />}
+      icon={<PiMicrosoftTeamsLogo style={{ color: "var(--teams-button-text)", ...buttonIconStyle }} />}
       onClick={handleShare}
       title={linkText === null ? t("general.actions.sharetoteams") : linkText}
     />