Academic Project Filter Toolbar Colour Illegible

[ErikKusch]

Hi there,

I have searched through the Issues listed here on GitHub and several forums and not encountered someone else facing this issue, so this might be user-error.

The Issue

I have migrated my website from wordpress to an RStudio-based workflow with the help of the academic template. While almost all of the migration has gone over flawlessly, I am struggling with the filter bar on my project widget.

The colour of the filter bar does not lend itself to reading on my end. Here are examples:

1. In Light-Setting:

2. In Dark-Setting:

Expected behavior

1. Light-Setting: I would expect the text colour on untoggled buttons to be black on white background.
2. Dark-Setting: I would expect white text colour on untoggled buttons.

Proposed Solution

Unfortunately, I am not very savvy as far as html code goes. With a bit of inspiration from #697, I would guess that the file \themes\github.com\wowchemy\wowchemy-hugo-modules\wowchemy\layouts\project\single.html might be the solution here by adding colour definitions where the text coplour of buttons is set to the inverse of the background?

Technical details:

• Link to your GitHub project:
• Wowchemy Version: 1.15
• Hugo Version: 0.79.1
• Browser: Firefox & Edge
• Wowchemy Template: Academic
• Template Theme: Forest
• R version 4.0.2 (2020-06-22)
• Platform: x86_64-w64-mingw32/x64 (64-bit)
• Running under: Windows 10 x64 (build 18363)

[gcushen]

Cannot reproduce on the current starter-academic template with theme = "forest". May be related to RStudio or not using the official installation: https://wowchemy.com/docs/getting-started/install/

Can you provide steps to reproduce by following the official Wowchemy installation guide on the current starter-academic template, direct with Hugo (without using R/RStudio), and then provide a link to that fresh repo? If so, may reopen.

[ErikKusch]

After quite a bit of trial and error, I identified the issue. I had added a custom button specification as an object called btn in the hero widget which subsequently affected my filter toolbar.