search

gethugothemes / liva-hugo

Liva is a personal blog template powered by Hugo.
https://gethugothemes.com/products/liva/?utm_source=liva_github&utm_medium=referral&utm_campaign=github_theme_about
MIT License
275 stars 237 forks source link

code blocks turn black #39

Closed datawrangl3r closed 3 years ago

datawrangl3r commented 3 years ago

The code blocks are turning black in the frontend as shown below.

The following image is for a bash code block in markdown given as:

> sudo apt-get install mysql-server
> sudo service mysql start

livo issue

somratpro commented 3 years ago

Hello @datawrangl3r

We are using Hugo's default syntax highlighter in this template. so I suggest you ask this query in Hugo forum. thank you

somratpro commented 3 years ago

Hey @datawrangl3r

I think your issue has been solved. so I am closing this issue, if you have any more queries you can re-open this issue or create a new one. thank you

hacback17 commented 3 years ago

Hi @datawrangl3r, I am facing the same issue. Would you please help me fix the issue if you could resolve it?

rochefort commented 3 years ago

I'm facing same issue.

tfsomrat commented 3 years ago

try this in config.toml

[markup.highlight] style = 'manni' # see https://xyproto.github.io/splash/docs/all.html

francofgp commented 2 years ago

The solution that I found was the following: In the file _main.scss modify the next line

code {
    padding: 3px 5px;
    background: $gray;
    border: 1px solid $border-color;
    border-radius: 3px;
    /* color: $text-color-dark;    Comment out or Delete this line, or change Color*/ 
  }

Then, because I want the dracula theme, I added this to config.toml

[markup.highlight]
style = 'manni' # see https://xyproto.github.io/splash/docs/all.html