Forums: Index > The Cathedral > Changing SMT3 background CSS

Proposed gradient

Currently SMT3 CSS is set to red (#c10) for all tables which IMHO is not right. While the NA boxart does use red, the vanilla Japanese version uses blue and the in-game UI uses dark greyish meganta.[1][2] I propose the change also because we already have awful lot of games in this wiki using bright red theme including the upcoming Persona 5. I suggest changing smt3 background-color in Mediawiki:Common.css to background: linear-gradient(#333158 40%, #0c0b13 60%) (you must remove "-color" for the gradient to work). -- Inpursuit (talk) 23:21, February 9, 2015 (UTC)

sounds good to me. i've always thought red was too bright for Nocturne. the proposed color fits the game's tone and atmosphere a lot better. Tathra (talk) 23:29, February 9, 2015 (UTC)
I had always wanted to see how gradient color would look like in a template. I don't think it looks well with the gradient where the points between them are short, and it appears like two block of solid color with a short gradual change of hue in the middle. I would propose a gradient as something like these:
Proposed gradient II
Proposed gradient III
Proposed gradient IV
PGII - gives a larger area for interpolation between the two colors.
PGIII - gives the gradient in 45 degrees from top left to bottom right.
PGIV - gives gradient from left to right
@Inpursuit Why do you propose two different color gradients btw? The proposal in your comment was different to the one in the table. BLUER一番 08:46, February 20, 2015 (UTC)
Then refer to the actual result. JFYI iOS still does not support angled linear gradient so PG3 appears identical to PG4. Also I am still on my lunar new year holiday in somewhere censors internet restrictively so I am vacant from the internet recently. -- Inpursuit (talk) 08:01, February 21, 2015 (UTC)
Now I have returned to home and I check it with my PC again, still 45deg does not appear to be any different than deg90 because the width of the cell is much longer than the height. Either way, no particular preference of angle. -- Inpursuit (talk) 13:27, February 22, 2015 (UTC)
The design would have to work uniformly with all browsers, so we don't need to use angles if it's not supported. I would rather a horizontal gradient than a vertical one because of the length of the cell. Plus the gradient in the in-game UI seems to be horizontal. BLUER一番 07:01, February 23, 2015 (UTC)

I applied the code background: linear-gradient(90deg, #3b3a62, #201e33) for SMT3 on the gamedata module to see how it looks like on Shin Megami Tensei III: Nocturne and Demi-fiend infoboxes. Everyone, what do you think? BLUER一番 07:27, February 25, 2015 (UTC)

Or see Template:Stats/testcases#Shin Megami Tensei III: Nocturne. I prefer the default (0deg) angle than 90deg if sharp change of color isn't preferable. My issue with 90deg is that the gradient stretches too dynamically per stats template table header width which is in most case variable. -- Inpursuit (talk) 08:04, February 25, 2015 (UTC)
Because 90deg looks good on Gamebox and Charbox, so I added colorbg2 (0deg gradient) for smt3 and modified Stats template to use colorbg2 instead. -- Inpursuit (talk) 09:39, February 25, 2015 (UTC)

Nope, something on the SMT3 navigation template doesn't please me... the background is wholly made gradient. This also happens to all the tables with this color swatch. We do want it to apply to only a single cell, not the entire table background. Any fixes? BLUER一番 08:21, March 1, 2015 (UTC)

I wonder if it has something to do with the class color code on top lines of Mediawiki:Common.css? Does having those lines conflict with the rest of the color code configuration? Would removing them affect any element that uses the color codes? BLUER一番 09:08, March 1, 2015 (UTC)
I'm fine with the current state. I'm not sure which cell you don't want to have gradient. Can you point that out specifically? -- Inpursuit (talk) 09:28, March 1, 2015 (UTC)
If you mean the table header cells like "Also known as" and "Genre" then I made the test change in sandbox and test result can be seen in Template:Gamebox/sandbox and Template:Charbox/sandbox. All modules do not use css class but instead module:Gamedata due to technical limitation. Using module to handle style data gives me more flexibility. -- Inpursuit (talk) 10:26, March 1, 2015 (UTC)
I think this only happens on the Monobook skin. Tables with the "smt3" class, for example: skill and even the {{SMT3N}} navigation template, has the gradient background. This doesn't occur on the Wikia skin. BLUER一番 20:31, March 1, 2015 (UTC)
I don't see any difference of {{SMT3N}}, but for the list of skill, the empty cell in monobook still uses the gradient instead of solid #333. This can be fixed by changing the property name of "background-color" of table.table to just "background" in mediawiki:Common.css. -- Inpursuit (talk) 23:10, March 1, 2015 (UTC)
By the way, I think it's a nice touch to add table border in common.css for the table (not table cell) so the general navi template don't need to define the border color individually in the template page. -- Inpursuit (talk) 23:28, March 1, 2015 (UTC)