[FM22][SKIN] Light Skin

[michaeltmurrayuk]

Football Manager 2022 Light Skin

A little later than planned as I've been on the late shift recently so had less time than expected, which means the variants will follow sometime later most likely next month now.

With no Default Light Skin again this year, I have adapted last years version blending a Light Grey background with the Magenta and Purple Accents from FM22, with a layout based on the Default FM22 skin with a few tweaks.

Again I've done my best to check as many screens as I can, but I may have missed some so if you come across any issues please raise them ideally with screenshots (and in some cases I might need to ask you for a save game especially if its a context specific screen) - mainly looking for any cases of unreadable text.

Also please only use this thread for issues directly related to this skin, if you have generally issues/questions then please check to see if there is already a thread for it and if not open up a new thread.

In addition if you are using Steam and don't need to edit the skin then a version of it should also be live on the Steam Workshop.

Screenshots

         

Main changes outside of the colour changes;

- Player Attributes screen increased the size of the player face and logo, removed the scrollbars from the Attributes and added the Report option to the Small Selector panels.

- Best XI Screen changed the tactics icons on the pitch to use the ones from the Welcome screen that include the player faces.
 

Known Issues

Advanced Instructions

How To Stop The Blurring Effect When Processing.
How To Enable Background Changes.
How To Edit The Fonts.
How To Edit The Skin Colours.

Install Instructions:

When you extract the file you have downloaded you should have a folder called light22 and a readme text file.

Now copy the folder into your skins folder within your User Data Location, by default is:

For Windows:
C:\Users\[Your Windows Username]\Documents\Sports Interactive\Football Manager 2022\

For Mac:
Users\[Your Mac Username]\Library\Application Support\Sports Interactive\Football Manager 2022

FM22 Light Skin Download Page

 

---
You are free to do what you want with this Skin provided:

1. It is not sold or behind a paywall.
2. You don't advertise them as being exclusive to your website.
3. My username and blog address are included: http://michaeltmurrayuk.blogspot.co.uk/
4. If linking to my work then please provide a link to the download page rather than the download link as the download link may change.

[michaeltmurrayuk]

[Reserved for Variants]

[michaeltmurrayuk]

Known Issues

• With the new Transfer Deadline Day screens the yellow accent on that day replaces the other accent colours in the skin so some title text may not be that clear on deadline day, for the moment if you reload the skin with the skin cache turned off on transfer deadline day the game will revert to using the standard accent colours.
• Training screen colours have generally been left the same with the white text as it's readable and a bit of a mess to change, though I may revisit them later.

FAQ

• I have no plans to include the Instant Result Button, you are free to install it yourself but as I don't use it I cannot offer support.
• Also no plans to include role icons on the tactics screen. I may in an update add in the new role stars if the id gets fixed in a patch, or I might see about adding in the old position rating.

 

[michaeltmurrayuk]

How To Stop the Blurring Effect when Processing

FM2016 introduced a new feature where when the main screen isn't the focus of the screen it blurs out, however if you don't like this effect it is simple enough to disable it, to do this simply browse to the following locations within the Base Skin you are using:
NOTE: For FM22 there are two locations, so you may need to edit them both to disable the blurring.

\graphics\boxes\dialog\background
\graphics\boxes\bordered\blurred

Inside each location will be a paper xml file open them and locate this line:

<boolean id="blurred" value="true"/>

and change it to read:

<boolean id="blurred" value="false"/>

[michaeltmurrayuk]

How To enable Background Changes

Whilst the FM22 Default Skin supports background changes there are some issues with the transparency of some screens, so I have again included some improved background support in the Light Skin, however note these instructions are slightly different from the Base Skin instructions so read them carefully!

To Adjust the Transparency of Screens

This year I have again reworked how to tweak the transparency of the files, so this year it is instead done through editing the xml files rather than messing around with graphics which should make things easier and give you some better control.

The main file you need to edit is the client object browser xml file found in the panels\client_object folder for the skin.

In that file there are three bits of code you are interested in and I am going to work bottom up;

The main line you need to edit is the content box this forms the header and the main area of the skin, however it doesn't cover the sidebar and this code should be located on Line #56:

<widget class="inner_contrast_box" appearance="boxes/custom/interface/content/paper" transparency="1.0">    <!-- content -->

The second bit of code is for the background pattern, this pattern covers the top left and top right parts of the screen, whilst for the Light Skin it also the graphic used for the sidebar and this code should be located on Line #43:

<widget class="picture" file="boxes/custom/interface/background pattern/paper" id="BgPa" transparency="1.0">    <!-- pattern -->

The final bit of code in this file is the overlay I have added, this file covers the entire background including the sidebar and is for when you need an overlay to also cover the sidebar, and this code should be located on Line #30:

<widget class="picture" file="boxes/bordered/solid/paper" red_replacement="bg"  transparency="0.0"> <!-- overlay -->

On each of those lines you'll notice this bit of code transparency="X.X" this code controls how transparent the graphic is - 1.0 means you have a solid graphic (well as solid as the actual graphic is) and 0.0 means it is entirely transparent - so by default I have set the content and pattern files to solid so they show as the graphic appears, whilst the extra overlay is set to transparent as it isn't needed by default.

All you need to do is adjust these values to suit, then save the file and reload the skin and repeat until you are happy.


Whilst another screen you may want to edit is the inbox which has it's own content graphic, so to edit this you need to edit the inbox item xml file found in the panels\human folder and in that file locate this line (#8):

<container class="main_contrast_box" red_replacement="inbox_content_background" transparency="1.0">

And again adjust the transparency to suit.

Those above options should cover the main areas, for other areas it is just a case of finding the file and line of code that controls the graphic in question and adding the transparency code.

[michaeltmurrayuk]

To Edit the Fonts

The font settings are now controlled by the various files located inside the fonts folder. For the base skins I have included all the default font files to save you having to go look for them. To edit the fonts its just a case of changing the various variables declared in the fontxml files, whilst to change the actual font you copy the font you want to use to the font folder and then update the font names in the fontxml files to match your new font.

Whilst FM22 also uses the fontxml file format, the format of the files is the same and you can open them with the same program you use to read normal xml files, you'll just need to right click on the first file and select the open with option in Windows first to associate the files with the program you wish to use. NOTE: The game will not read them if you change them back to plain xml files.

[michaeltmurrayuk]

To Edit the Font or Game Colours

The colour settings are controlled by the light22 settings xml file located inside the settings folder.

For the base skin I have copied in the relevant coding for you to change the various colours used by the skin – you just need to open the light22 settings xml file and locate the relevant line for the colour setting you wish to change – the colour names and comments should explain what the majority of the colours control.

The colours are declared in RGB values, that range from 0-255 where Red=255 Green=255 Blue=255 is white and Red=0 Green=0 Blue=0 is black.

To locate the RGB value of a colour you want to use you can either use a image editing program to obtain the RGB Value of the colour or type rgb values into google and it will bring up several websites that list the RGB Values for various colours.

The game also includes a selection of palette colours you can select which is handy if you cannot settle on an exact RGB value. The palette colours use the colours from the Material UI Colours palette which you can reference here: https://materialui.co/colors/

To use these you need the name and number - name tells the game what colour to use and the number corresponds to the shade, so red 100 is a light red whilst red 900 is a dark red.

Note that whilst this file contains most of the text colour settings, some items are hardcoded, others are determined by the individual xml files and some others are set by the xml files in the fonts folder.

Also if you have the Skin Cache on you can change some of the colours directly through the game from the Preferences -> Interface-> Skin Colours screen

[JAwtunes]

Legend!

[MariusA]

Beautiful @michaeltmurrayuk! One question. How can I remove the round corners in the header?

 

[MariusA]

I also want to remove the grey background here:

[michaeltmurrayuk]

If you mean the rounded corners in the header it will be due to the graphics you have pointed to, just need to point to a different graphic or edit the graphic if already using a custom one.

For the inbox should be inbox item xml file in the panels\human folder, scroll down to the response button container and change the red_replacement colour to what you want.

[PequenoGenio]

Amazing job again @michaeltmurrayuk

But can you help me here:

• I use your manager home from 2020 and there is some white text, how can i edit?
• I use this panel (fixtures details) and the line up i on white. How can i edit?
• White text on the training overview.
• White text on the scout card.
• Player's name on match analysis is white.

Edited November 24, 2021 by PequenoGenio

[renato.]

How can I make my sidebar look like this one from FM21?

Edited November 25, 2021 by renato.

[MariusA]

31 minutes ago, michaeltmurrayuk said:

If you mean the rounded corners in the header it will be due to the graphics you have pointed to, just need to point to a different graphic or edit the graphic if already using a custom one.

For the inbox should be inbox item xml file in the panels\human folder, scroll down to the response button container and change the red_replacement colour to what you want.

Thanks!

Which panel controls this text and background color? When you press continue this screen shows (processing)

 

[keysi]

9 hours ago, MariusA said:

Thanks!

Which panel controls this text and background color? When you press continue this screen shows (processing)

 

game processing panel.xml in the game folder of the skin/extracted panels.

[kingjericho]

Looks great

[MariusA]

On 25/11/2021 at 10:06, keysi said:

game processing panel.xml in the game folder of the skin/extracted panels.

Thanks! Do you where I can edit this text? Need a smaller gap there.

[MariusA]

Same here. I have changed the font and got some problems with the gaps, inset & offsets.

[mkvl95]

Hey man, amazing work, as usual.

Do you plan to add an "instant result" button ? 

[keysi]

1 hour ago, mkvl95 said:

Hey man, amazing work, as usual.

Do you plan to add an "instant result" button ? 

 

On 24/11/2021 at 01:08, michaeltmurrayuk said:

FAQ

• I have no plans to include the Instant Result Button, you are free to install it yourself but as I don't use it I cannot offer support.

 

 

[mkvl95]

il y a une heure, keysi a dit :

 

 

My bad, did not see that one.

Now I guess I need to find how to install it myself ^^

[mkvl95]

If someone know how to add the instant result button, i'm willing to take some advices, i'm struggling with these kind of things.

Thanks guys.

[GIMN]

On 24/11/2021 at 00:08, michaeltmurrayuk said:

Known Issues

• With the new Transfer Deadline Day screens the yellow accent on that day replaces the other accent colours in the skin so some title text may not be that clear on deadline day, for the moment if you reload the skin with the skin cache turned off on transfer deadline day the game will revert to using the standard accent colours.

 

Don't know if it's any use, but I've addressed this issue by defining duplicates of accents as "fg accent1" and "bg accent1", so come deadline day there's only a few areas which get changed.  This was partially out of necessity, because I've used the accent colours A LOT!

[RogerC]

On 27/11/2021 at 09:35, mkvl95 said:

If someone know how to add the instant result button, i'm willing to take some advices, i'm struggling with these kind of things.

Thanks guys.

For anyone wanting IR button running with the light skin. 

I added the files from @bluestillidie00 Instant result skin to @michaeltmurrayuk's light skin. As you can see below it is now working for me.

To make it work I just copied the files from the instant result skin in the proper Light skin folder.

4 xml files copied from Instant result folder.

Replace the files in the same directory Skin>panels>match with the IR skin XML files.

Remove skin caching & reload skin and it should work!

Full credits to both @bluestillidie00 & @michaeltmurrayuk! I hope it's not a problem!

[MariusA]

@bluestillidie00  

@michaeltmurrayuk

Do you know how to remove the shadow/border in the inbox section? See screenshot. I also wonder how I can change the text of the teams (next game) when you press continue. See screenshot.

 

 

[PequenoGenio]

After the update:

[EnigMattic1]

1 hour ago, PequenoGenio said:

After the update:

I'm not using this skin, but I lost just the kits from this bar after the update. 

[(sic)]

53 minutes ago, EnigMattic1 said:

I'm not using this skin, but I lost just the kits from this bar after the update. 

The issue seems to be game-wide, as even the default skin doesn't show kit numbers on the tactics page.

[jeff.fit82]

How to change the scoreboard to show the FULL TEAM NAME??

that's annoying!

[kingjericho]

On 08/12/2021 at 23:52, jeff.fit82 said:

How to change the scoreboard to show the FULL TEAM NAME??

that's annoying!

add this to the skin

[jeff.fit82]

13 horas atrás, kingjericho disse:

add this to the skin

I did bro, didnt changed anything
think the 21 version didnt work with 22 version

[kingjericho]

54 minutes ago, jeff.fit82 said:

I did bro, didnt changed anything
think the 21 version didnt work with 22 version

It works, I'm using it. Did you do the "clear cache/reload skin" usual procedure?

[jeff.fit82]

10 horas atrás, kingjericho disse:

It works, I'm using it. Did you do the "clear cache/reload skin" usual procedure?

I dont think...

Well, the procedure is download the "panel" file and overwrite the "default" panel folder and clean cache, right?

[kingjericho]

On 12/12/2021 at 01:41, jeff.fit82 said:

I dont think...

Well, the procedure is download the "panel" file and overwrite the "default" panel folder and clean cache, right?

Paste the files you downloaded here into your skin/panels. Then in the game untick "use cache" and tick "reload skin"

[jeff.fit82]

3 horas atrás, kingjericho disse:

Paste the files you downloaded here into your skin/panels. Then in the game untick "use cache" and tick "reload skin"

It worked bro!
thanks for your help!

[safasirin]

Player kits not showing

[HCan_]

@michaeltmurrayuk

In one of the images you shared to introduce FM 22 Light Skin (image above), the title "Bans" in the red circle is written in pink, unlike other titles of the same type (such as Coach Summary, Form). I request you to fix this error, thanks in advance...

 

Edited December 22, 2021 by HCan_

[Covlee7]

Hi any update on this?

 

Hard to see stamina heart in match any tips to fix?

Edited December 31, 2021 by Covlee7

[Stevenleharve]

On 19/12/2021 at 20:04, safasirin said:

Player kits not showing

Has this been fixed yet? It's pretty annoying.

[snowofman]

1 hour ago, Stevenleharve said:

Has this been fixed yet? It's pretty annoying.

 

[Jussi1979]

Hi!

Could somebody tell me how to add the club stadium pic in to the Club overwiew screen?

[RedFromNorway]

@michaeltmurrayukNever done this before. How do I change the sidebar to be white with black logos, the top bar to be blue to reflect my teams colors and the pink button on the top right to be white? Exactly like @MariusA did it, only blue.

Edited September 16, 2022 by RedFromNorway

[snowofman]

On 16/09/2022 at 15:53, RedFromNorway said:

@michaeltmurrayukNever done this before. How do I change the sidebar to be white with black logos, the top bar to be blue to reflect my teams colors and the pink button on the top right to be white? Exactly like @MariusA did it, only blue.

 

Spoiler

 

Everything should be explain here for you to succeed
 

 

[MariusA]

@michaeltmurrayukany news on this for FM23?

[Defensive]

I would also love to see a light skin for FM 23.  The one for 22 was really great

[mod43]

Yep me too much easier on my old eyes for some reason.