code blocks not very pretty
See original GitHub issueThank you for your work on feeling-responsive. It is very nice and powerful. I am trying to use it for a software website using asciidoc
I want to write math and c++ code blocks(<pre>), however the code blocks are not very nice. It seems that you fixed it in the -v2 version.
Could it be possible to fix that too in this repository ?
Issue Analytics
- State:
- Created 6 years ago
- Comments:11 (4 by maintainers)
Top Results From Across the Web
[SOLVED] Code::Blocks 17.12 blurry text on Windows
Try right clicking on the codeblocks.exe file and looking at Compatibility tab. I suggest trying the "Override High DPI"; this is just a...
Read more >Code blocks, but better | CSS-Tricks
The results are pretty darn nice, modern-looking code blocks if you ask me! At the same time, I think it's equally notable what's...
Read more >code-blocks | Syntax highlighting for Google Docs
This will not remove the table that the text lives in if it's a “code block”. To do that, you'll have to copy...
Read more >Code blocks | Docusaurus
Handling code blocks in Docusaurus Markdown. ... If there's a comment style that is not currently supported, we are open to adding them!...
Read more >Code blocks - Squarespace Help Center
Display Source is always checked for the CSS, JavaScript, and Plain Text options. Preview embedded code. As a security measure, sometimes your ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Hi @prudhomm, you can find a customized version of the theme here: https://github.com/TWiStErRob/twisterrob.github.io -> http://www.twisterrob.net
Here’s an example of code blocks I implemented: http://www.twisterrob.net/blog/2016/02/blog-formatting.html#code (source)
Interesting parts of site for customizing code blocks: https://github.com/TWiStErRob/twisterrob.github.io/blob/master/_config.yml#L141-L178 https://github.com/TWiStErRob/twisterrob.github.io/blob/master/_sass/_06_typography.scss#L235-L319 https://github.com/TWiStErRob/twisterrob.github.io/blob/master/_sass/_11_syntax-highlighting.scss
Finally, we chose the
rand01syntax highlighting (example here). As the all site is light we prefer to stick with a light syntax highlight.@TWiStErRob we took the examples given on your page in ours
@abulka It is important to set the variables
$code-background-colorand$code-colorin the_01_settings_colors.scssfile, the first one set the color of the background and the second the default color of the text in the code. See @TWiStErRob’s file Hope this helps