26

The new background for a code sample makes that this to be difficult to distinguish towards a normal text:


enter image description hereenter image description here


Maybe for some screens it's ok, but not for the majority. Many times I have to change the screen position or my head position to distinguish a code sample and I don't think this is normal. Is there any chance to revert this to the previous state?

13
  • 1
    I like the idea of a sample cod.
    – Oli Mod
    Jun 8, 2013 at 13:29
  • 17
    The lighter background also makes it harder to differentiate between code blocks and blockquotes which could further encourage the misuse of the latter. Jun 8, 2013 at 13:56
  • 3
    Oh, and another thing: The new fonts look a bit fuzzy to me when they are bold or italic. Jun 8, 2013 at 13:57
  • I think that subtle differences are favored across SE sites and elsewhere too. I don't see the reason for this. I just fix things for myself using css.
    – user25656
    Jun 8, 2013 at 14:20
  • @vasa1 How did you fix using css? I think that you can post as answer. Jun 8, 2013 at 14:47
  • I already posted here: meta.askubuntu.com/a/6817/25656
    – user25656
    Jun 8, 2013 at 15:10
  • @vasa1 Oh, yes, but I'm using Chromium browser Jun 8, 2013 at 15:39
  • Have you installed the Stylish extension (ID: fjnbnpbmkenffdnngjfgmeleoegfcffe) from the Chrome Web Store? That allows you to do per site customizations even with Chromium.
    – user25656
    Jun 8, 2013 at 15:48
  • 1
    If you don't want to install an extension, you can still make code look the way you want. Go into ~/.config/chrome/Default/User\ Stylesheets. In there, you should find Custom.css. Edit that file by adding the following: code { background-color: #bbb !important; }. That's it. Now all code on any web page, not just Ask Ubuntu, will have a light grey background. As I posted elsewhere, you can choose to even give code text a color of your choice. The advantage of the Stylish extension is that you can style different pages differently. Stylish also lets you disable a style temporarily.
    – user25656
    Jun 8, 2013 at 16:00
  • 2
    Ok, I've done it; code { background-color: #ddd !important; } blockquote { background-color: #ddd !important; } pre{ background-color: #ddd !important; } looks like before. Thank you! But still I'm not happy with this kind of solutions... Jun 8, 2013 at 16:20
  • 3
    You can shorten that to blockquote, code, pre { background-color: #ddd !important; }.
    – user25656
    Jun 8, 2013 at 16:29
  • 12
    Seriously guys, if this is a usability issue it should not be solved with browser add-ons. The design should be adapted. There is not shame in that.
    – don.joey
    Jun 10, 2013 at 10:01
  • 4
    I though it was me! I know my eyes were bad, but there is hardly any difference between the code background and the ordinary background. A simple style issue. I like the layout except for the location bar along the top. Why not make this collapsible?
    – Simon
    Jun 10, 2013 at 13:32

2 Answers 2

13

I agree and I think we should rollback to the css styles used for the code blocks in the previous design.

If this is a usability or user interface issue, then browser add-ons to change the css locally are not the answer.

Think about all the new users, first time visitors, etc.

4

The actual lay out is good, except for the locations bar along the top (make it collapsible) also darken the code background to how it was before to accomodate my failing eyes.

I would like to see, in the future, in settings an option to change the background colours to whatever you want it to be.

I have, for instance, changed mine to be more obvious

enter image description here

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .