[Bug]: Tags and links hard to read in darkmode

[sytone]

Contact Details

github@sytone.com

What happened?

When using a db view and using lookup or tags the font colour is hard to read against the background. I have only come back to folder db recently and do not remember this from before.

Tries Default and Minimal themes and have the same display issue.

I did find similar issues but they were closed as fixed and I confirmed I am on the recent version. So either this is separate or there is something wrong locally and I have disabled everything to go back to default with the same display issue showing.

Example config:
- { label: "Completed", backgroundColor: "hsl(107,79%,52%)"}
- { label: "Todo", backgroundColor: "hsl(79,73%,49%)"}
- { label: "In Progress", backgroundColor: "hsl(206,66%,56%)"}
- { label: "Discarded", backgroundColor: "hsl(300,2%,76%)"}
- { label: "Waiting", backgroundColor: "hsl(302,65%,53%)"}
- { label: "Archive", backgroundColor: "hsl(253,40%,68%)"}

What platform were you using?

Desktop

Version of the plugin

3.3.0

Relevant log output

No response

Are you using the latest version of the plugin in your Obsidian vault?

• I have verified that I am on the latest version

Are you check if there is a similar issue?

• I have verified that there are not similar issues

[RafaelGB]

Hello @sytone ,
The color pf the text depends directly pf the used theme. To support all kind of configurations I was thinking about to add a new color property to the tags column to select the text color

[GaboCapo]

Here is a little Workaround with CSS Fix for that Issue, tested for the "Minimal" Theme.
just add a file e.g. cssfix.css in snippets Folder in your .obsidian Folder.
Reference:
https://help.obsidian.md/Extending+Obsidian/CSS+snippets

.markdown-preview-view.database-plugin__markdown-preview-view {
    color: #606060;
}

[RafaelGB]

Commit db3839f fixed =)

[cesarpereira904]

Hi @RafaelGB @GaboCapo

Another suggestion, because Relationlinks can have a background just like tags, I find the default hyperlinks do not fit most of the background colors I set:

I would suggest for links to have same default text color:

.markdown-preview-view.database-plugin__markdown-preview-view a:link{
color: #dadada !important;
text-decoration: none;
}

and to be able to distinguish a link from normal text to introduce a new symbol, just like this example:

what do you think?

[RafaelGB]

Could be a good option, sure!

[RafaelGB]

Included with next version

.database-plugin__relation-container .database-plugin__relationship a:link {
  color: #dadada;
  text-decoration: none;
}

.database-plugin__relation-container .database-plugin__relationship a:hover {
  color: #a38484;
}

[cyb3rw0lf]

how to separate the color for normal text fields and fields with the background?
In dark theme if I choose a dark color it will be applied on both so either the text field or the ones with light background will be barely readable.

.markdown-preview-view.database-plugin__markdown-preview-view {
  color: #494949;
}

.markdown-preview-view.database-plugin__markdown-preview-view {
  color: #dadada;
}

[RafaelGB]

available with 3.3.2