11

It used to be a yellow background that easily stands out. Now it looks like this.

enter image description here

IMO, it doesn't stand out at all. There's not even a background colour, and the left side grey border is easy to miss.

Can we change it back, or is it out of our hands?

10
  • 7
    Agreed, this new style is super ugly...
    – ajsmart
    Mar 11 '20 at 17:31
  • 6
    Related: meta.stackexchange.com/q/343919 meta.stackoverflow.com/q/394516/2075105 My understanding is that visual changes to the SE are now network-wide, and by design they don't intend to allow changes like this on a per-site basis. I'll leave this question unanswered, though, so SE can pop in and give an official response if they like.
    – user1478
    Mar 11 '20 at 19:49
  • 4
    The request to change this back has been filed here meta.stackexchange.com/q/344874/299332
    – Earthliŋ Mod
    Mar 11 '20 at 20:01
  • @Earthliŋ: Thank you
    – istrasci
    Mar 11 '20 at 20:48
  • 1
    I personally prefer the current style. Some users were using quotations just as a yellow box to emphasize an important part of their answer, which was confusing to me. I do not see why a quote has to be in a yellow box.
    – naruto
    Mar 12 '20 at 3:10
  • 4
    I prefer the yellow style. To me it's a useful tool for visual delineation and it can help make an answer more readable. Its original purpose might be for quotations but I don't think it should be limited to that purpose.
    – Flaw Mod
    Mar 12 '20 at 3:19
  • @Flaw well, except those who use screen reader might be fooled if it is actually a real quotation or not...
    – Andrew T.
    Mar 18 '20 at 4:56
  • 1
    @naruto Right -- this style is more useful to indicate a real quote, but in reality what most people want is the emphasis / 'extra content' / hierarchy effect that the more visually distinct yellow box had, whether it's a quote or not. Mar 19 '20 at 17:56
  • 1
    (BTW, just a note that I think calling it 'ugly' probably isn't helpful and might be a little offensive to the UI folks that made the change. Saying how/why it doesn't meet your needs precisely is both kinder and I think more effective. :) Mar 19 '20 at 17:59
  • Actually, it seems that most of the discussion about the change is on the original announcement: meta.stackexchange.com/q/343919/299332
    – Earthliŋ Mod
    Mar 20 '20 at 23:55
1

For those of you as annoyed with this change as I am, here's a script I cobbled together for greasemonkey, that puts things back to the original look.

Note that I'm no expert with javascript/CSS so this might be a really dumb way to do things, but it works for me.

// ==UserScript==
// @name     SEblockquote
// @version  1
// @grant    none
// @include https://japanese.stackexchange.com/*
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];    
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle('blockquote { background-color: #fbf2d4 !important; }');
addGlobalStyle('blockquote::before { width: 0px !important; }');
3
  • 1
    Good call with greasemonkey. Didn't even think about that.
    – istrasci
    Mar 15 '20 at 3:01
  • What bothers me most about the change is that other people don't get the benefit of my answer layout, so this doesn't help me that much... (thank you though!!) Mar 19 '20 at 17:57
  • @DariusJahandarie Yes, that bothers me too. Sadly, I don't have a solution. Inserting your own html doesn't seem to work as the engine ignores most html tags and attributes. Mar 19 '20 at 18:19
0

Here's a greasemonkey/tampermonkey script that styles it more in-line with the site's own style.

// ==UserScript==
// @name     Japanese StackExchange (and meta) Blockquote
// @version  1
// @grant    none
// @include https://japanese.stackexchange.com/*
// @include https://japanese.meta.stackexchange.com/*
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle('blockquote { background-color: #F0F1F4 !important; background-image: url("https://cdn.sstatic.net/Sites/japanese/img/site-background-image.svg?v=3e09a9473831") !important; border-left-width: 4px; border-left-color: #155397; border-left-style: solid; }');
addGlobalStyle('blockquote::before { width: 0px !important; }');

Here's what it looks like: enter image description here

You must log in to answer this question.

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