Background color - Wikitech-l - lists.wikimedia.org

Ryan Kaldari

27 Jun 27 Jun

7:24 p.m.

Works for me. I added the background-color rule to https://en.wikipedia.org/wiki/User:Kaldari/vector.css and it took effect immediately. Ryan Kaldari On Fri, Jun 27, 2014 at 8:31 AM, Jeffrey Barish <jeff_barish(a)earthlink.net> wrote:

...

Until two days ago, I was able to modify the background color of a Wikipedia page with a style sheet containing the following: body { background-color: rgb(68, 68, 68) !important; color: rgb(204, 204, 204) !important; } The line for color still works, but the line for background-color does not. Does anyone know what changed and what I have to do now to change the background color? If this is not the right mailing list for this question, could someone direct me to the right one? Thanks. --- Jeffrey Barish _______________________________________________ Wikitech-l mailing list Wikitech-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Reply

Isarra Yos

9:16 p.m.

On 27/06/14 19:02, Jeffrey Barish wrote:

...

On Friday, 27 June 2014 10:24:57 Ryan Kaldari wrote:

Works for me. I added the background-color rule to https://en.wikipedia.org/wiki/User:Kaldari/vector.css and it took effect immediately. Ryan Kaldari On Fri, Jun 27, 2014 at 8:31 AM, Jeffrey Barish <jeff_barish(a)earthlink.net> wrote: > Until two days ago, I was able to modify the background color of a > Wikipedia > page with a style sheet containing the following: > > body { > > background-color: rgb(68, 68, 68) !important; > color: rgb(204, 204, 204) !important; > > } > > The line for color still works, but the line for background-color does > not. > Does anyone know what changed and what I have to do now to change the > background color? > > If this is not the right mailing list for this question, could someone > direct me to the right one? > > Thanks. > --- > Jeffrey Barish

Ryan, Thanks for your reply. It is certainly interesting to know that someone is able to get something related to work, although I don't really understand what it is you did. The lines of css that I provided still do not work for me. Perhaps it would help for me to provide a little more information about what I am doing as it most likely is different from what you tried. I am viewing Wikipedia pages using webkit in an application that I wrote. I attach my style sheet by specifying user_stylesheet_uri. I know that webkit is reading my css because I could set the background color until 2 days ago and because I can still set the text color. I am guessing that a css upstream is now specifying the background color using !important so that my specification no longer takes effect. If so, then that specification is new because mine used to work. I don't understand how Wikipedia (or css, for that matter) works well enough to guess where that change might have been made or why. However, if my theory is correct, then I don't see how you are able to change the background color, unless the change that you made somehow is upstream from the hypothetical specification of background color using !important. Jeff _______________________________________________ Wikitech-l mailing list Wikitech-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Kaldari used an !important, but I tried it just now without it and the background colour change still worked - is it possible you have some other, more specific rule somewhere overriding the colour? The only thing I found in the mw source css was a generic body selector without anything special (body { background-color: #F6F6F6; }), but if that's overridden elsewhere it would cause problems. -I

Reply

Ryan Kaldari

10:07 p.m.

I'm pretty sure that no body CSS in core has changed recently. According to Firebug, the only background-color rule that is applied to body on en.wiki is the one that Isarra mentioned (which doesn't use !important). Are you trying this on English Wikipedia or a different wiki? Ryan Kaldari On Fri, Jun 27, 2014 at 12:02 PM, Jeffrey Barish <jeff_barish(a)earthlink.net> wrote:

...

On Friday, 27 June 2014 10:24:57 Ryan Kaldari wrote:

Works for me. I added the background-color rule to https://en.wikipedia.org/wiki/User:Kaldari/vector.css and it took effect immediately. Ryan Kaldari On Fri, Jun 27, 2014 at 8:31 AM, Jeffrey Barish <

jeff_barish(a)earthlink.net>

wrote: > Until two days ago, I was able to modify the background color of a > Wikipedia > page with a style sheet containing the following: > > body { > > background-color: rgb(68, 68, 68) !important; > color: rgb(204, 204, 204) !important; > > } > > The line for color still works, but the line for background-color does > not. > Does anyone know what changed and what I have to do now to change the > background color? > > If this is not the right mailing list for this question, could someone > direct me to the right one? > > Thanks. > --- > Jeffrey Barish

Ryan, Thanks for your reply. It is certainly interesting to know that someone is able to get something related to work, although I don't really understand what it is you did. The lines of css that I provided still do not work for me. Perhaps it would help for me to provide a little more information about what I am doing as it most likely is different from what you tried. I am viewing Wikipedia pages using webkit in an application that I wrote. I attach my style sheet by specifying user_stylesheet_uri. I know that webkit is reading my css because I could set the background color until 2 days ago and because I can still set the text color. I am guessing that a css upstream is now specifying the background color using !important so that my specification no longer takes effect. If so, then that specification is new because mine used to work. I don't understand how Wikipedia (or css, for that matter) works well enough to guess where that change might have been made or why. However, if my theory is correct, then I don't see how you are able to change the background color, unless the change that you made somehow is upstream from the hypothetical specification of background color using !important. Jeff _______________________________________________ Wikitech-l mailing list Wikitech-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Reply

Nick White

10:35 p.m.

Hi Jeff, On Fri, Jun 27, 2014 at 01:02:43PM -0600, Jeffrey Barish wrote:

...

I am viewing Wikipedia pages using webkit in an application that I wrote. I attach my style sheet by specifying user_stylesheet_uri. I know that webkit is reading my css because I could set the background color until 2 days ago and because I can still set the text color. I am guessing that a css upstream

Actually, I'd guess that your application is adding some CSS somewhere, one way or another (webkit is a complex beast). I recommend you enable the webkit inspector to investigate which rules are being applied, and how. The inspector only takes a few lines of code to add to your application. Nick

Reply

Jeffrey Barish

30 Jun 30 Jun

6:23 p.m.

On Friday, 27 June 2014 16:35:17 Nick White wrote:

...

Hi Jeff, On Fri, Jun 27, 2014 at 01:02:43PM -0600, Jeffrey Barish wrote:

I am viewing Wikipedia pages using webkit in an application that I wrote. I attach my style sheet by specifying user_stylesheet_uri. I know that webkit is reading my css because I could set the background color until 2 days ago and because I can still set the text color. I am guessing that a css upstream

Actually, I'd guess that your application is adding some CSS somewhere, one way or another (webkit is a complex beast). I recommend you enable the webkit inspector to investigate which rules are being applied, and how. The inspector only takes a few lines of code to add to your application. Nick

I still have not had a chance to try Nick's suggestion, but I am wondering about a recent discovery. My Android phone updated the Wikipedia app last night. I noticed in the What's New list that one of the new items is "We went native! Looks gorgeous on your device, and is much faster, too." Something changed in the styling in an effort to make the application look like native applications. The date of the change is 25 June, which is consistent with the breakage of my application. Does anyone know what actually changed? Are the people who actually made that change subscribers to this mailing list? Ryan Kaldari reported that the CSS specification for the body element did not change, so it seems as if there is some other way to change the appearance to make it look "native". Jeff

Reply

Jeffrey Barish

5 Jul 5 Jul

8:25 p.m.

On Friday, 27 June 2014 16:35:17 Nick White wrote:

...

Hi Jeff, On Fri, Jun 27, 2014 at 01:02:43PM -0600, Jeffrey Barish wrote:

I am viewing Wikipedia pages using webkit in an application that I wrote. I attach my style sheet by specifying user_stylesheet_uri. I know that webkit is reading my css because I could set the background color until 2 days ago and because I can still set the text color. I am guessing that a css upstream

Actually, I'd guess that your application is adding some CSS somewhere, one way or another (webkit is a complex beast). I recommend you enable the webkit inspector to investigate which rules are being applied, and how. The inspector only takes a few lines of code to add to your application. Nick

I finally had a chance to try Nick's suggestion. Using inspector, I was able to fix the problem. I believe that there is a new layer. The body element had the background color that I set, but the new layer was on top and it had a white background. I changed the background color of that layer to solve the problem. I was also able to make many other adjustments to improve the appearance thanks to the information I found in inspector -- and I barely tapped its capabilities. Thanks to all for the support and especially to Nick for telling me about inspector. Jeff

Reply