diff --git a/web/invite-links/copy-invite-link-button.css b/web/invite-links/copy-invite-link-button.css
--- a/web/invite-links/copy-invite-link-button.css
+++ b/web/invite-links/copy-invite-link-button.css
@@ -3,20 +3,20 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  background: var(--text-input-bg);
+  background: var(--inputField-background-secondary-default);
   padding: 12px 16px;
   border-radius: 20px;
 }
 
 .linkUrl {
   font-size: var(--m-font-16);
-  color: var(--label-default-color);
+  color: var(--text-background-secondary-default);
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .linkCopyButton {
-  color: var(--fg);
+  color: var(--text-background-primary-default);
   font-size: var(--xs-font-12);
   display: flex;
   flex-direction: row;
diff --git a/web/invite-links/manage/empty-link-content.react.js b/web/invite-links/manage/empty-link-content.react.js
--- a/web/invite-links/manage/empty-link-content.react.js
+++ b/web/invite-links/manage/empty-link-content.react.js
@@ -6,7 +6,7 @@
 import Button from '../../components/button.react.js';
 
 const buttonColor = {
-  color: 'var(--purple-link)',
+  color: 'var(--link-background-primary-default)',
 };
 
 type Props = {
diff --git a/web/invite-links/manage/existing-link-content.react.js b/web/invite-links/manage/existing-link-content.react.js
--- a/web/invite-links/manage/existing-link-content.react.js
+++ b/web/invite-links/manage/existing-link-content.react.js
@@ -9,7 +9,7 @@
 import CopyInviteLinkButton from '../copy-invite-link-button.react.js';
 
 const buttonColor = {
-  color: 'var(--purple-link)',
+  color: 'var(--link-background-primary-default)',
 };
 
 type Props = {
diff --git a/web/invite-links/manage/manage-invite-links-modal.css b/web/invite-links/manage/manage-invite-links-modal.css
--- a/web/invite-links/manage/manage-invite-links-modal.css
+++ b/web/invite-links/manage/manage-invite-links-modal.css
@@ -11,13 +11,13 @@
 }
 
 .sectionHeaderText {
-  color: var(--fg);
+  color: var(--text-background-primary-default);
   margin-bottom: 16px;
 }
 
 .description {
   font-size: var(--s-font-14);
-  color: var(--fg);
+  color: var(--text-background-primary-default);
   margin-top: 8px;
 }