Fleet UI: Consistent banner link colors (#32427)

changes/31944-consistent-banner-link-colors

@@ -0,0 +1 @@
+- Fleet UI: Fixed banner link colors

frontend/components/AddHostsModal/PlatformWrapper/PlatformWrapper.tsx

@@ -307,6 +307,7 @@ const PlatformWrapper = ({
                 text="adding hosts"
                 newTab
                 multiline
+                variant="banner-link"
               />
             </InfoBanner>
           </div>

frontend/pages/AccountPage/AccountPage.tsx

@@ -185,6 +185,7 @@ const AccountPage = ({ router }: IAccountPageProps): JSX.Element | null => {
                 url="https://fleetdm.com/docs/using-fleet/fleetctl-cli?utm_medium=fleetui&utm_campaign=get-api-token#using-fleetctl-with-an-api-only-user"
                 text="API-only user"
                 newTab
+                variant="banner-link"
               />
                instead.
             </p>

frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/ViewYamlModal/ViewYamlModal.tsx

@@ -148,6 +148,7 @@ const ViewYamlModal = ({
               text="How to use YAML"
               newTab
               multiline
+              variant="banner-link"
             />
           </p>
         </InfoBanner>

frontend/pages/SoftwarePage/components/forms/SoftwareOptionsSelector/SoftwareOptionsSelector.tsx

@@ -174,6 +174,7 @@ const SoftwareOptionsSelector = ({
             url={`${LEARN_MORE_ABOUT_BASE_LINK}/query-templates-for-automatic-software-install`}
             text="Learn more"
             newTab
+            variant="banner-link"
           />
         </InfoBanner>
       )}

frontend/pages/admin/OrgSettingsPage/cards/Agents/Agents.tsx

@@ -107,6 +107,7 @@ const Agents = ({
                 url="https://fleetdm.com/docs/using-fleet/teams"
                 text="Learn more about teams"
                 newTab
+                variant="banner-link"
               />
             </InfoBanner>
           )}

frontend/pages/admin/UserManagementPage/components/UserForm/UserForm.tsx

@@ -391,6 +391,7 @@ const UserForm = ({
               url="https://fleetdm.com/docs/using-fleet/permissions#user-permissions"
               text="Learn more about user permissions"
               newTab
+              variant="banner-link"
             />
           </InfoBanner>
         )}
@@ -448,6 +449,7 @@ const UserForm = ({
                   url="https://fleetdm.com/docs/using-fleet/permissions#team-member-permissions"
                   text="Learn more about user permissions"
                   newTab
+                  variant="banner-link"
                 />
               </InfoBanner>
               <SelectedTeamsForm

frontend/pages/queries/edit/EditQueryPage.tsx

@@ -361,6 +361,7 @@ const EditQueryPage = ({
           url="https://github.com/fleetdm/fleet/issues/new/choose"
           text="file an issue"
           newTab
+          variant="banner-link"
         />
       </InfoBanner>
     );