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

bg-color not working as expected #3142

Closed
2 tasks done
Fonzzie opened this issue Sep 6, 2024 · 1 comment
Closed
2 tasks done

bg-color not working as expected #3142

Fonzzie opened this issue Sep 6, 2024 · 1 comment

Comments

@Fonzzie
Copy link

Fonzzie commented Sep 6, 2024

Preliminary Checks

Description

Thanks for the hard work with Hugo Blox! I've recently made my own personal page using it, and so far it is good.

I am using the academic-cv template, and the "Download CV" button on the homepage is little too dark to my taste. It seems that the only way to change the button's background color is to override layouts/partials/blox/resume-biography-3.html, and more specifically to change the color in this line.
According to my little Tailwind understanding, I should be able to write "dark:bg-gray-700" instead of "dark:bg-gray-800".

However, when anything else than "dark:bg-gray-800" is used, the button's color background reverts to its "normal" (i.e. not dark) setting while it should take into account the new color.

Reproduction Link

https://github.com/HugoBlox/theme-academic-cv

Steps to Reproduce

  1. Use AcademicCV theme (or any theme that uses the resume-biography-3 style)
  2. Make use of the overriding philosophy, and download layouts/partials/blox/resume-biography-3.html
  3. In this line, change "dark:bg-gray-800" to "dark:bg-gray-700"

Expected Result

The background color of the button on the homepage should get a little lighter, but still be gray.

Actual Result

The background color reverts to the non-dark setting (in this case, white).

What Hugo Module versions does your site use?

module github.com/HugoBlox/hugo-blox-builder/starters/academic-cv

go 1.19

require (
github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v1.1.2-0.20231209203044-d31adfedd40b
github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.2.1-0.20240602133901-492e343c2a33
)

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Firefox, Microsoft Edge

Which Hugo Blox template are you using?

AcademicCV

What version of Hugo are you using?

hugo extended v0.133.1

@gcushen
Copy link
Collaborator

gcushen commented Sep 7, 2024

Please kindly post support questions on Discord rather than on the project management board here.

Tailwind is a library which requires compiling after making changes. To learn how to recompile Tailwind after modifying styles, see the docs at https://docs.hugoblox.com/reference/extend/#recompile-tailwind

@gcushen gcushen closed this as completed Sep 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants