User talk:QuaternionMark

See archived threads here.

UCX implementation
Hi! I’m Héctor, one of the Fandom Community Managers. I’m here to talk with you about the upcoming changes we will experiment on the wikis when the new UCX will be released. As a result, we’ll have to adapt the current content - mainly the design and implemented code - to ensure they’re compatible and operational.

Specifically talking, the UCX will mainly affect the Frontpage, the design (logo, background, favicon, themes), the CSS/JS used and some templates that should adapt their look to it. While the wiki will still be migrated some weeks later, I’m here to work alongside you to anticipate all the work regarding review, improvements and adaptation to the new skin.

If you agree, I’ll start soon, reviewing the mentioned elements and describing to you what work should be done. For the case of the design, I can work with the future version, that will be working once the wiki will be migrated. Regarding the frontpage, templates and the code, I can work and implement the changes now, to have them properly working both in the present and the future, but having all the changes done in advance.

Let me know if you have any comments about it and we can explore together the upcoming changes. Thanks! --CuBaN VeRcEttI (Contact) 16:51, 10 May 2021 (UTC)


 * Hello.


 * You can go ahead with working on the changes mentioned, though I'm curious about what changes would need to be done. Are you referring more to making changes to the theme of the wiki itself (which I don't particularly mind if that's the case)? --QuaternionMark (talk) 21:04, 12 May 2021 (UTC)


 * I didn't have time to check the wiki yet. But in most cases, it implies moving code from Hydra.css to Common.css or fandomdeskptop.css (the page for the new skin), and adapting some templates (styled for one theme) to be compatible with the new 2 themes. Additionally, creating both new themes by using the default tool called Theme Designer (like in the Fandom wikis). I'm taking a quick look to the overall wiki and making directly some of the changes it will need, and once I'll finish it I'll share with you. Some weeks later you'll be able to check the UCX test version before the real migration. --CuBaN VeRcEttI (Contact) 12:14, 13 May 2021 (UTC)


 * Hi again! I've found time to check the wiki in the ucx test version and make some adjustments. The main work was basically to adapt the styles for the dark theme to be compatible with both themes:
 * I've moved some stuff from common.css to hydradark.css, to keep the style for the current skin but remove it for the UCX.
 * I've pasted the same code in fandomdesktop.css (for the new skin) making some changes to adapt the style to both themes at the same time.
 * The frontpage had its sections with black and grey backgrounds by default, so I moved them to a variable CSS and now it's also compatible with the light theme without adding anything else.
 * I basically designed the 2 themes (light and dark) trying to use a readable palette and also taking into account some personal uses here.
 * As I've said, I also changed the style of other templates to be compatible with both themes. You have to consider that some templates has also an extra part of code inside it, what is a bit useless because you're already styling them using the classes. For instance, I deleted the code in Template:Video game infobox because it was conflicting with the CSS code you already had in Common.css (now in Hydradark.css). Even if I styled the infoboxes for both themes, that specific code in the template blocked the general one and the infobox shown the personal style (black background) also in the light theme, what made it undreadable.


 * In addition, you should consider 2 other things:
 * As I explained for the video game infobox, I recommend you to check all the templates you have, and remove the extra style (basically background, text and link colors, the rest doesn't matter) because otherwise they can't be used with both themes. I didn't move the CSS code for navboxes, but you mainly have to based the styles of all the templates only with CSS and not extra code for each template or even each page (otherwise they won't be compatible with the other theme).
 * I realized the frontpage is only using 1 column, and it has some blank spaces. This is not related with the UCX (it basically looks the same), but it would be interesting if you create 2 or 3 columns to have the content more packed and without spaces. --CuBaN VeRcEttI (Contact) 16:34, 13 May 2021 (UTC)

Opt-in release
Hello again! As we have announced in our new blog, the opt-in exploration is available to you now! You can basically take a look at the main areas of the wiki, but as I explained the main things you should keep into account are the frontpage, the tables and their style, and other templates like infoboxes and navboxes. All of this, always thinking about the option of switching between the light and dark theme and all the content should be readable and adapted to both at the same time. In addition, all the wikis have to create a combination of colors for the light and dark theme, using the ThemeDesigner tool, and also re-upload the logo and favicon, and optionally the background (but it will work differently as header background, so it’s up to you what we’ll do with it on your wiki).

I already adapted the content and code to be compatible with FandomDesktop (the new skin), and also created the 2 themes and re-uploaded the assets. You can perfectly make any change to the ThemeDesigner and/or the Mediawiki pages, but I really encourage you to talk with me first. I’ve been adapting it, and I put some concrete stuff (colors in the ThemeDesigner, code in the MW pages and in one page but not another) for concrete reasons (basically to have all compatible with both themes), so to be more practical I think it’s better if we discuss about any proposal/issue/preference you could find/want before make changes. Thanks for everything! --CuBaN VeRcEttI (Contact) 14:45, 1 June 2021 (UTC)


 * Hi! How do you feel with the new skin and how I adapted the wiki? If you're fine, you can go to the Admin Dashboard and click on the MARK AS READY button to confirm the future migration of the wiki. --CuBaN VeRcEttI (Contact) 09:05, 8 June 2021 (UTC)


 * I haven't had much time beyond looking over the homepage and most of the content pages (which don't have that much custom styling to begin with). So far I would probably want to swap out the accent colors entirely for the light and dark modes, but that isn't an immediate issue. Do you know what the deadline is before the wiki is set to the new theme by default?


 * Also, I'm noticing a few places where I would want to have light/dark dependent colors on elements without changing the defined colors in the theme designer. Is it possible to add additional user-defined vars in the theme designer, or are there separate stylesheets we can edit for each theme? --QuaternionMark (talk) 15:10, 8 June 2021 (UTC)


 * We don't have a final date to start the migrations, and most specifically for your wiki being included in one of the batches (all the wikis from the overall network of Fandom and Gamepedia wikis won't be migrated at the same time). Anyway, I'd say you're plenty of time to work with it until the migration day.


 * I basically moved and adapted the styling code for the frontpage, infoboxes, navboxes and tables, but feel free to move and adapt other code from the Hydra skin to Fandomdesktop and keep using it for the new skin. The only thing to keep into account is that the color style has to be compatible with both themes at the same time.


 * You can change the accent color directly using the ThemeDesigner. Nevertheless, you have to keep into account that I put these concrete color to also be used as a variable for other stuff. The original intention of the accent color is to be used in stuff like buttons or the Quickbar, but in your case the color choice is also affecting the previously mentioned items.


 * You can only define in the ThemeDesigner the colors it offers. Nevertheless, you can additionally change the automatically defined color for other elements using CSS (but I don't recommend it). Additionally, you can use other color as CSS variables apart from the ones I used (accent-color, border-color, accent-label-color if I'm not wrong). If you "need" other colors to use as variables, you can see the whole list and decide if one of these colors works to you to be used for other secondary use. You can also change it, like I've said, but I don't recommend it (specially because the automatic color palette is created to be readable and compatible).


 * You can additionally use different classes for each theme, if you want. You simply have to use .theme-fandomdesktop-light and .theme-fandomdesktop-dark as classes, and this is an alternative for the CSS variable option I used. --CuBaN VeRcEttI (Contact) 15:30, 8 June 2021 (UTC)