Portable-Linux-Apps / Portable-Linux-Apps.github.io

The database of all AppImage packages and portable applications for GNU/Linux... from here you can download, install (and update) them all! Find out more!
https://portable-linux-apps.github.io/
GNU General Public License v3.0
24 stars 12 forks source link

Fix pre, code blocks for dark theme #21

Closed andy5995 closed 1 month ago

andy5995 commented 1 month ago

Follow up for #19

I'm getting mixed results when testing, but this is what it should look like now:

image

ivan-hc commented 1 month ago

I have done xD

Istantanea_2024-10-05_15-38-14 png

the css reference is "pre"

the only thing I've not understand is how to change the background from white to (maybe) grey

andy5995 commented 1 month ago

the only thing I've not understand is how to change the background from white to (maybe) grey

Yes, I'm having the same problem. I'm still working on it but I think I'm about to give up for now. Thank you for helping!

ivan-hc commented 1 month ago

Thank you for helping!

I'm the one who has to thank you, I had no idea how to solve the dark mode problem

andy5995 commented 1 month ago

You already thanked me when we were chatting. :)

ivan-hc commented 1 month ago

should I merge this or you need to add something else?

andy5995 commented 1 month ago

I might try to figure out how to get a black background. Let's leave this sit for now.

ivan-hc commented 1 month ago

I have solved, take a look at the site and the css file

ivan-hc commented 1 month ago

I might try to figure out how to get a black background. Let's leave this sit for now.

I analyzed the page using Firefox and followed the details about elements to check the correct CSS name, and for the backgroung its enough to use .markdown-body followed by the name of the element of body, like this

  hr {
    height: 0.2em;
    margin: 12px 0;
  }

  .markdown-body hr {
    background-color: #2b343f;
  }

  .markdown-body pre {
    background-color: #000;
  }

  pre {
    color: #128418;
    font-style: italic;
    font-weight: bold;
  }
andy5995 commented 1 month ago

That's brilliant!