Editing Dark Mode Suggestions
Jump to navigation
Jump to search
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 26: | Line 26: | ||
***** Everything behind the "More" button is still in white such as the options for "protecting the page" or for "move the page" etc. | ***** Everything behind the "More" button is still in white such as the options for "protecting the page" or for "move the page" etc. | ||
****** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:57, 12 June 2023 (CEST) | ****** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:57, 12 June 2023 (CEST) | ||
* Same for Red text (non-existing pages) (see my User name on the right top corner or the "Discussion" link on the top left corner). | * Same for Red text (non-existing pages) (see my User name on the right top corner or the "Discussion" link on the top left corner). | ||
** Fixed - Redlinks are now all red. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:02, 11 June 2023 (CEST) | ** Fixed - Redlinks are now all red. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:02, 11 June 2023 (CEST) | ||
Line 37: | Line 35: | ||
**** Not seeing this - can you post a screenshot? [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 19:07, 11 June 2023 (CEST) <br> {{HoverImage|Editing pages light.jpeg|Editing pages dark.jpeg}} | **** Not seeing this - can you post a screenshot? [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 19:07, 11 June 2023 (CEST) <br> {{HoverImage|Editing pages light.jpeg|Editing pages dark.jpeg}} | ||
***** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:13, 12 June 2023 (CEST) | ***** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:13, 12 June 2023 (CEST) | ||
* The <nowiki>*</nowiki> on the overview which pages are using this images keeps black. | * The <nowiki>*</nowiki> on the overview which pages are using this images keeps black. | ||
** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:43, 11 June 2023 (CEST) | ** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:43, 11 June 2023 (CEST) | ||
Line 70: | Line 66: | ||
***** Sorry but there should be a way to find a good grey color. Especially since the standard light theme is also using a grey background. Every <nowiki><pre></nowiki> text, every XML code and every Template has another color than white in the standard theme. | ***** Sorry but there should be a way to find a good grey color. Especially since the standard light theme is also using a grey background. Every <nowiki><pre></nowiki> text, every XML code and every Template has another color than white in the standard theme. | ||
****** Yeah, but those greys are nearly white and aren't exactly a "dark mode" color. You can play around the colors and see if you can find a good combo that would fit a dark mode. I will mess with it more when I get a chance. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:21, 12 June 2023 (CEST) | ****** Yeah, but those greys are nearly white and aren't exactly a "dark mode" color. You can play around the colors and see if you can find a good combo that would fit a dark mode. I will mess with it more when I get a chance. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:21, 12 June 2023 (CEST) | ||
=== Example 4 === | === Example 4 === | ||
Line 83: | Line 73: | ||
*** The yellow one on top when there is Moderation needed. <s>I would keep it in yellow so Mods won't ignore it.</s> Wait we need to find another bright color since the blue text will be already turned into yellow. Or maybe we can make a exception that CSS won't change the Moderation toolbox. | *** The yellow one on top when there is Moderation needed. <s>I would keep it in yellow so Mods won't ignore it.</s> Wait we need to find another bright color since the blue text will be already turned into yellow. Or maybe we can make a exception that CSS won't change the Moderation toolbox. | ||
**** Default colors are a bit blinding and hard to read when surrounded by darkness. I changed it to a red background for now. Colors are hard. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:13, 12 June 2023 (CEST) | **** Default colors are a bit blinding and hard to read when surrounded by darkness. I changed it to a red background for now. Colors are hard. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:13, 12 June 2023 (CEST) | ||
* Again black text behind grey background is hard to read like on the 3rd example. | * Again black text behind grey background is hard to read like on the 3rd example. | ||
** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 08:59, 11 June 2023 (CEST) | ** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 08:59, 11 June 2023 (CEST) | ||
Line 92: | Line 81: | ||
** The same applies for the black arrows for tables including a sorting function. They keep black on Dark Mode. | ** The same applies for the black arrows for tables including a sorting function. They keep black on Dark Mode. | ||
*** This one is weird and will take me a bit of looking into since it's not immediately obvious what HTML element is showing that icon. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 19:18, 11 June 2023 (CEST) | *** This one is weird and will take me a bit of looking into since it's not immediately obvious what HTML element is showing that icon. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 19:18, 11 June 2023 (CEST) | ||
* It seems that Dark Mode is creating additional borders within some tables. As an author of the PS4 version from the [[PS2 Classics Emulator Compatibility List]], I highly doubt that this was intended! | * It seems that Dark Mode is creating additional borders within some tables. As an author of the PS4 version from the [[PS2 Classics Emulator Compatibility List]], I highly doubt that this was intended! | ||
** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 08:18, 11 June 2023 (CEST) | ** Fixed. [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 08:18, 11 June 2023 (CEST) | ||
Line 100: | Line 88: | ||
* The indicator for each letter displaying on which table you are right now turns from red into white. While the indicator is still working with white, it was intended to keep it in red because it works like that on light mode normally. | * The indicator for each letter displaying on which table you are right now turns from red into white. While the indicator is still working with white, it was intended to keep it in red because it works like that on light mode normally. | ||
** Not sure what you mean. Can you post a screenshot? [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:18, 12 June 2023 (CEST) | ** Not sure what you mean. Can you post a screenshot? [[User:Derf|Derf]] ([[User talk:Derf|talk]]) 07:18, 12 June 2023 (CEST) | ||
[[User:Roxanne]] | [[User:Roxanne]] | ||
---- | |||
The vertical border that appeared at botom left of [[Template:PS2_Classics_Emulator_Compatibility_List_Legend]] is a problem of the dark skin, the template was fine, see the same problem in this minimalistic samples, it seems the default border auto collapse is partially broken [[User:Sandungas]] | The vertical border that appeared at botom left of [[Template:PS2_Classics_Emulator_Compatibility_List_Legend]] is a problem of the dark skin, the template was fine, see the same problem in this minimalistic samples, it seems the default border auto collapse is partially broken [[User:Sandungas]] | ||
Line 128: | Line 106: | ||
|- | |- | ||
| style="border-bottom:hidden; border-left:hidden; background:rgba(0,0,0,0)" | 3/1 || 3/2 || style="border-bottom:hidden; border-right:hidden; background:rgba(0,0,0,0)" | 3/3 | | style="border-bottom:hidden; border-left:hidden; background:rgba(0,0,0,0)" | 3/1 || 3/2 || style="border-bottom:hidden; border-right:hidden; background:rgba(0,0,0,0)" | 3/3 | ||
|} | |} | ||
* Feel free to revert my edits on the PS2 Legend Template. It was just an idea to fix it quickly for the current Dark Mode setup '''without changing your design''' but I would also welcome to fix the Dark Mode itself and not to change various Templates / Pages. --- [[User:Roxanne]] (11th June 2023 - 23:38 CET + 1) | * Feel free to revert my edits on the PS2 Legend Template. It was just an idea to fix it quickly for the current Dark Mode setup '''without changing your design''' but I would also welcome to fix the Dark Mode itself and not to change various Templates / Pages. --- [[User:Roxanne]] (11th June 2023 - 23:38 CET + 1) | ||
**The idea was to keep all the legend contents inside the same wikitable for convenience, to prevent problems caused by dinamic width changes caused by small screens resolutions, to have better control of the surrounding margins with other templates, etc... I was starting the last row of the table with "!" (table header style) because i wanted that texts in bold and centered... but as a payback it was also inheriting the blue color of header cells, thats why i also added a background:#ffffff to override the blue header color. I have to admit it was a dirty/lazy way to do it but after thinking in it i figured the best solution (to achieve the same) is what i did in [[Special:Diff/71867/72166|this edit]]. The line starts as "|" (standard row) and aligning the text to center and setting bold font manually. Is only a detail that i like how it looks but i dont have much preferences of how to do it, what you did replacing the table row with a <nowiki><span></nowiki> is fine but i would like to see the next changes to the dark skin settings before deciding, specially how the background color of wikitables changes if we fill the table cell with transparent colors. In theory fully transparent colors (either "background:rgba(0,0,0,0)" or "background:transparent") and colors with intermediate alpha levels (either "background:rgba(0,0,0,0.2)" or "background:hsla(0,0%,0%,0.2)") could be used to solve a lot of the problems caused by the dark skin because are going to be "merged" with the skin color behind them [[User:Sandungas]] | **The idea was to keep all the legend contents inside the same wikitable for convenience, to prevent problems caused by dinamic width changes caused by small screens resolutions, to have better control of the surrounding margins with other templates, etc... I was starting the last row of the table with "!" (table header style) because i wanted that texts in bold and centered... but as a payback it was also inheriting the blue color of header cells, thats why i also added a background:#ffffff to override the blue header color. I have to admit it was a dirty/lazy way to do it but after thinking in it i figured the best solution (to achieve the same) is what i did in [[Special:Diff/71867/72166|this edit]]. The line starts as "|" (standard row) and aligning the text to center and setting bold font manually. Is only a detail that i like how it looks but i dont have much preferences of how to do it, what you did replacing the table row with a <nowiki><span></nowiki> is fine but i would like to see the next changes to the dark skin settings before deciding, specially how the background color of wikitables changes if we fill the table cell with transparent colors. In theory fully transparent colors (either "background:rgba(0,0,0,0)" or "background:transparent") and colors with intermediate alpha levels (either "background:rgba(0,0,0,0.2)" or "background:hsla(0,0%,0%,0.2)") could be used to solve a lot of the problems caused by the dark skin because are going to be "merged" with the skin color behind them [[User:Sandungas]] | ||