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

Unable to change code background color #136

Open
MiguelANunes opened this issue Dec 18, 2024 · 2 comments
Open

Unable to change code background color #136

MiguelANunes opened this issue Dec 18, 2024 · 2 comments

Comments

@MiguelANunes
Copy link

MiguelANunes commented Dec 18, 2024

I'm using a different background color for my blog and I noticed that there is no variable in the _variables.scss file for code background color (though there is for the color of the code text itself), and changing the hard coded background color found in the _code.scss file in my local install of Hydeout did nothing.

I've also attempted to add this

code {
    background-color: rgb(38, 41, 34);
  }

snippet (and some variations of it) to the main.scss file in the assets/css/ folder like I would change another variable and this also had no effect.

After some head scratching, I copied the entire _code.scss file into my assets/css/ folder and changed the value of the background color there too, but this too didn't work.

And now I've run out of options. I'm not particularly well versed in (S)CSS and web dev as a whole, so I may be making a dumb mistake, but any help in figuring this out would be greatly appreciated.

@fongandrew
Copy link
Owner

Hard to say without seeing your actual blog, but maybe it's one of the other properties in that file? Like if the element you're styling has a highlight class? https://github.com/fongandrew/hydeout/blob/master/_sass/hydeout/_code.scss#L35

@MiguelANunes
Copy link
Author

Hi, thanks for the reply! I tried to change that value but that also didn't work, there might be something wrong with my install of the theme, though that's a problem for next year.

Anyhow, I managed to sidestep the issue by using doing this: <code style="background-color: rgb(38, 41, 34)">my code</code>.
Not very convenient but it solves the problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants