Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix black text in Dark mode inside "Citation information" #11578

Merged
merged 7 commits into from
Aug 6, 2024

Conversation

shivenducs1136
Copy link
Contributor

Closes #11512

UI screenshots

image

image

Changes made

  • Added a class scite-message-content for text which are shown in black
  • Changed #citationsPane universal selecter to class selector to select .scite-message-content.

calixtus
calixtus previously approved these changes Aug 5, 2024
@InAnYan
Copy link
Collaborator

InAnYan commented Aug 5, 2024

Looks great for fixing the issue!

However, what could be done more is to fix black text on Dark theme more general.

You see, there are lot's of strange places in JabRef, where text is rendered black in Dark theme. And "Citation information" is only one of those places.

That's why I added a comment on one of the issues: #11512 (comment).

If you can, try to investigate which classes are affected, where are these classes stored, on what conditions black text doesn't appear white.

If you struggle, that's okay! I should've made a general issue for that. For "Citation information" you did right

}

#citationsPane {
-fx-padding: 0;
-fx-background-color: -fx-control-inner-background;
}

#citationsPane * {
Copy link
Collaborator

@InAnYan InAnYan Aug 5, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm a little worried about: what if this wildcard would affect style of other nodes? I guess, you tested everything and it works?

Also, I'm wondering, it doesn't work without this wildcard?

➕ A little space between class name and bracket will look good

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

With this change undone:

image

Copy link
Member

@koppor koppor left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor comment

@@ -158,7 +157,6 @@
.scite-message-box {
-fx-padding: 30 0 0 30;
}

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not remove empty lines as separators

@ThiloteE
Copy link
Member

ThiloteE commented Aug 5, 2024

Will this affect "light mode"?

Copy link
Member

@koppor koppor left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Needed to fix an issue with the "LaTeX Citations" tab.

The addition of another CSS class felt unnecessary. I fixed it.

}

#citationsPane {
-fx-padding: 0;
-fx-background-color: -fx-control-inner-background;
}

#citationsPane * {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

With this change undone:

image

@koppor
Copy link
Member

koppor commented Aug 6, 2024

Will this affect "light mode"?

I checked and fixed. Works on both.

@koppor koppor added the status: ready-for-review Pull Requests that are ready to be reviewed by the maintainers label Aug 6, 2024
calixtus
calixtus previously approved these changes Aug 6, 2024
@Siedlerchr Siedlerchr added this pull request to the merge queue Aug 6, 2024
Merged via the queue into JabRef:main with commit dfaa5f4 Aug 6, 2024
22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Dark Theme status: ready-for-review Pull Requests that are ready to be reviewed by the maintainers ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Black text in Dark mode inside "Citation information"
6 participants