user default color

client/res/templates/fields/link/detail.tpl

@@ -1,5 +1,5 @@
 {{#if url}}
-{{#if iconHtml}}{{{iconHtml}}}{{/if}}<a href="{{url}}">{{nameValue}}</a>
+{{#if iconHtml}}{{{iconHtml}}}{{/if}}<a href="{{url}}" class="{{#if linkClass}}{{linkClass}}{{/if}}">{{nameValue}}</a>
 {{else}}
     {{#if valueIsSet}}
     <span class="none-value">{{translate 'None'}}</span>

client/res/templates/fields/user-with-avatar/detail.tpl

@@ -1,5 +1,5 @@
 {{#if idValue}}
-{{{avatar}}}<a href="#{{foreignScope}}/view/{{idValue}}">{{nameValue}}</a>
+{{{avatar}}}<a href="#{{foreignScope}}/view/{{idValue}}" class="text-default">{{nameValue}}</a>
 {{else}}
     <span class="none-value">{{translate 'None'}}</span>
 {{/if}}

client/src/views/fields/assigned-users.js

@@ -30,6 +30,8 @@ import LinkMultipleFieldView from 'views/fields/link-multiple';
 
 class AssignedUsersFieldView extends LinkMultipleFieldView {
 
+    linkClass = 'text-default'
+
     init() {
         this.assignmentPermission = this.getAcl().getPermissionLevel('assignmentPermission');
 

client/src/views/fields/collaborators.js

@@ -30,6 +30,8 @@ import LinkMultipleFieldView from 'views/fields/link-multiple';
 
 export default class CollaboratorsFieldView extends LinkMultipleFieldView {
 
+    linkClass = 'text-default'
+
     init() {
         this.assignmentPermission = this.getAcl().getPermissionLevel('assignmentPermission');
 

client/src/views/fields/followers.js

@@ -32,6 +32,7 @@ class FollowersFieldView extends LinkMultipleFieldView {
 
     foreignScope = 'User'
     portionSize = 6
+    linkClass = 'text-default'
 
     setup() {
         super.setup();

client/src/views/fields/link-multiple.js

@@ -76,7 +76,6 @@ class LinkMultipleFieldView extends BaseFieldView {
     editTemplate = 'fields/link-multiple/edit'
     searchTemplate = 'fields/link-multiple/search'
 
-
     // noinspection JSUnusedGlobalSymbols
     listLinkTemplateContent = `
         {{#if value}}
@@ -247,6 +246,14 @@ class LinkMultipleFieldView extends BaseFieldView {
      */
     iconHtml = ''
 
+    /**
+     * A link element class name. Applicable in the detail mode.
+     *
+     * @protected
+     * @since 9.1.6
+     */
+    linkClass
+
     /** @inheritDoc */
     events = {
         /** @this LinkMultipleFieldView */
@@ -834,6 +841,8 @@ class LinkMultipleFieldView extends BaseFieldView {
 
         if (this.mode === this.MODE_LIST) {
             $a.addClass('text-default');
+        } else if (this.linkClass) {
+            $a.addClass(this.linkClass);
         }
 
         if (iconHtml) {

client/src/views/fields/link.js

@@ -209,6 +209,14 @@ class LinkFieldView extends BaseFieldView {
      */
     autocompleteOnEmpty = false
 
+    /**
+     * A link element class name. Applicable in the detail mode.
+     *
+     * @protected
+     * @since 9.1.6
+     */
+    linkClass
+
     /** @inheritDoc */
     events = {
         /** @this LinkFieldView */
@@ -265,6 +273,7 @@ class LinkFieldView extends BaseFieldView {
             iconHtml: iconHtml,
             url: this.getUrl(),
             createButton: createButton,
+            linkClass: this.linkClass,
         };
     }
 

client/src/views/fields/user.js

@@ -32,6 +32,7 @@ import Autocomplete from 'ui/autocomplete';
 class UserFieldView extends LinkFieldView {
 
     searchTemplate = 'fields/user/search'
+    linkClass = 'text-default'
 
     setupSearch() {
         super.setupSearch();