Separate hyperlink styling from brand color

[pd431]

Is your feature request related to a problem? Please describe.
Our institution uses a rather dark color as it's brand color. Because hyperlink styling is tied to the same settings, links across the site inside content are very hard to distinguish from regular text.

Describe the solution you'd like
As an admin, I would like to be able to set

• a color picker for links in content
• a color picker for visited links in content
• a toggle for links underlining in content

Describe alternatives you've considered
We've experimented with custom scss to allleviate the issue, but keep running into edge cases where moodle uses a button as a link, or a link as a button, or somethings should be styled and some shouldn't..

/* unvisited link - changed for contrast  july 2024 */
.pagelayout-incourse [id="region-main"],
.pagelayout-course [id="region-main"] {
  a:link:not(.dropdown a, a.quickeditlink, .btn a, .btn, h3 a, .grid-section.card a, .badge, thead th a, nav a) { 
  color: #0070a8!important;
  text-decoration: underline;
}}
 
/* visited link - changed for contrast*/
.pagelayout-incourse [id="region-main"],
.pagelayout-course [id="region-main"] {
  a:visited:not(.dropdown a, a.quickeditlink, .btn a, .btn, h3 a, .grid-section.card a, .badge, thead th a, nav a) {
    color: purple !important;
    text-decoration: underline;
  }
}

Additional context
This might be a bigger issue than some basic styling, but our current situation creates clear accessibility issues which we're keen to solve