Repository: camunda/camunda-modeler (JavaScript)

Issue:
Element template documentation link has odd coloring
### Describe the bug

Consider the colors of links in the modeler UI (different), where the properties panel link has an odd (not matching the existing color scheme) color:

![image](https://github.com/camunda/camunda-modeler/assets/58601/1eb0d820-7ab3-4258-994c-7570285c4c83)


### Steps to reproduce

1. Open `test.bpmn` from [this project](https://github.com/camunda/camunda-modeler/files/14979609/connector-test.zip)
2. Click connector task
3. See that documentation color link is off


### Expected behavior

We use the same link color for various documentation links

### Environment

- OS: Linux
- Camunda Modeler Version: v5.22.0
- Execution Platform: any
- Installed plug-ins: none

### Additional context

The link is not styled and uses default styles. We should use `color: var(--link-color)` in [element-templates](https://github.com/bpmn-io/bpmn-js-element-templates) or set default in properties panel
Make privacy policy link sufficiently distinguishable
### What should we do?

Link to privacy policy is distinguished only via color which is insufficient. We could reuse the style from the What's new popup.

<img width="1136" alt="image" src="https://github.com/camunda/camunda-modeler/assets/28307541/0e19b0fb-dde1-4e7d-b8cd-f1ad54cfa0bd">


### Why should we do it?

Child of https://github.com/bpmn-io/internal-docs/issues/909


Discussion: @holygeek00 We usually move issues that are _fixed upstream_ to the respective column on our board. An issue in Camunda Modeler is only closed once the fix (and upstream library release) is integrated in the Modeler app.
@holygeek00 Find my feedback on the fix [here](https://github.com/bpmn-io/bpmn-js-element-templates/pull/93#discussion_r1594058700).

I wonder why the fix is not inside the Modeler, simply apply a proper `--link-color` to all `a` elements (so that it is appropriately styled automatically).
Following up here with what we discussed regarding "where to apply link styling".

----

As we discussed, two options: 

* Generalize the properties-panel styles, in `@bpmn-io/properties-panel`, all standard links should have a standard color
* Move link styling to embedding application (entirely); there is little value in mandating a style inside a library; the application, i.e. Desktop or Web Modeler should define link colors, and the library should _follow suite_.

----

Interesting finding in this realm: In the Desktop Modeler we apply link colors (problem panel) in very interesting ways (instead of inheriting the current color of the element).

![image](https://github.com/bpmn-io/bpmn-js-element-templates/assets/58601/f09682c9-79e4-4dbe-84f1-49b21a40c7eb)





Fix (patch):
diff --git a/client/src/plugins/privacy-preferences/PrivacyPreferencesView.js b/client/src/plugins/privacy-preferences/PrivacyPreferencesView.js
index 404ceca0db..0933ebbec4 100644
--- a/client/src/plugins/privacy-preferences/PrivacyPreferencesView.js
+++ b/client/src/plugins/privacy-preferences/PrivacyPreferencesView.js
@@ -112,7 +112,7 @@ class PrivacyPreferencesView extends PureComponent {
           </div>
           <div className="privacyMoreInfoField">
             <p>
-              { LEARN_MORE_TEXT }
+              { LEARN_MORE_TEXT }{' '}
               <a href={ PRIVACY_POLICY_URL }>
                 { PRIVACY_POLICY_TEXT }
               </a>
diff --git a/client/src/plugins/privacy-preferences/PrivacyPreferencesView.less b/client/src/plugins/privacy-preferences/PrivacyPreferencesView.less
index 756c770e48..c23cad72de 100644
--- a/client/src/plugins/privacy-preferences/PrivacyPreferencesView.less
+++ b/client/src/plugins/privacy-preferences/PrivacyPreferencesView.less
@@ -2,10 +2,6 @@
 
   font-size: 1.2em;
 
-  a {
-    text-decoration: none;
-  }
-
   .form-submit {
     text-align: right;
   }
diff --git a/client/src/plugins/privacy-preferences/constants.js b/client/src/plugins/privacy-preferences/constants.js
index 956de4a10a..25dde41613 100644
--- a/client/src/plugins/privacy-preferences/constants.js
+++ b/client/src/plugins/privacy-preferences/constants.js
@@ -14,7 +14,7 @@ export const PRIVACY_POLICY_URL = 'https://camunda.com/legal/privacy/?utm_source
 
 export const LEARN_MORE_TEXT = 'With any of these options, none of your personal information or stored data will be submitted. Learn more:';
 
-export const PRIVACY_POLICY_TEXT = ' Camunda Privacy Policy';
+export const PRIVACY_POLICY_TEXT = 'Camunda Privacy Policy';
 
 export const OK_BUTTON_TEXT = 'Save';
 
diff --git a/client/src/styles/_base.less b/client/src/styles/_base.less
index 65a58be356..1c20a7194b 100644
--- a/client/src/styles/_base.less
+++ b/client/src/styles/_base.less
@@ -29,3 +29,8 @@ body {
 .powered-by-logo {
   display: none;
 }
+
+a {
+  color: var(--link-color);
+  text-decoration: underline;
+}
\ No newline at end of file
diff --git a/client/src/styles/_colors.less b/client/src/styles/_colors.less
index 3150547b8c..c04288d514 100644
--- a/client/src/styles/_colors.less
+++ b/client/src/styles/_colors.less
@@ -31,4 +31,6 @@
   --color-black: hsl(0, 0%, 0%);
   --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
   --color-black-opacity-30: hsla(0, 0%, 0%, 30%);
+
+  --link-color: var(--color-blue-205-100-50);
 }