[FM22][SKIN] Football Manager 2022 Base Skin

[michaeltmurrayuk]

Football Manager 2022 Base Skin

As with most recent Football Managers for you to make certain changes in Football Manager 2022 you need to create a new skin. Thankfully over the last few years some more stuff has been moved out of the skins folder so you only really need the Base skin if you are wanting to edit the skin graphics, fonts or colours. If you want to edit the match graphics or the most of the panel xml files you no longer really need the base skins.

So to make things easier for people I've put up a base skin that is identical to the default skin that comes with the game, so you can add new files/graphics to these without messing up the original skin, and anything that isn't located in these new skin folders will be taken from the default locations within the game.

For Football Manager 2022 there is just the one Base Skin based on the Default Skin which is the Dark version this year, it is also possible that I may release a couple of alternative versions with different accent colours after the full release if I get a chance.

A Light Skin will follow (with it's own thread) but again with no default light skin this year it requires more work, but should be quicker than last year.

Base22 Skin

  

This skin is based on the Default Football Manager 2022 Skin, and is identical in appearance to that skin. Though I have made two tweaks to the Player Profile screen, increasing the size of the badge and face on the attributes panel and re-enabling the Reports option in the Small Selector panels.

 

Install Instructions

When you extract the file you have downloaded you should have one folder named base22 and a readme text file.

Now copy the folder into your skins folder within your User Data Location, by default this 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

If done right your skins folder should look something like this:
 

And inside for example the base22 folder you should have the following folders:
 

To select the skin in game you will need to load the game, and go into the Preferences Menu, then in the middle you should have a section called Interface and in that is an option called Skin with a drop-down menu under it.

If you select the drop-down menu it should list all of the skins you have installed, if the skin you want is listed then just select it and press the Confirm button to load it.



If the skin you want isn't showing.

Then you can either select the Advanced option on the left and on the top right drop down select Interface, then scroll down the Skin section and untick Use caching to decrease loading times and tick Reload skin when confirming changes in Preferences.

Or in the search bar at the top type in Skin and in the listed results untick Use caching to decrease loading times and tick Reload skin when confirming changes in Preferences.



Then click Confirm at the bottom, this should then take you out of the Preferences menu but if you re-enter, it should have refreshed the list of skins and your skin should now be in the list.

Once the skin is loaded you can turn the skin cache back on and untick the Always Reload button.

For Advanced Instructions please see these below posts:

• How To Stop the Blurring Effect When Processing
• How To Enable Background Changes
• How To Edit The Fonts & Colours
• How To Edit the Font or Game Colours

Football Manager 2022 Base Skin Download Page

 

---
You are free to do what you want with these Base Skins provided:

1. They are 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]

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 their are some issues with the transparency of some screens, so I have again included some improved background support in the Base Skin.

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, it also covers the top half of 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]

How 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]

How To Edit the Font or Game Colours

The colour settings for each skin are controlled by the base22 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 base22 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

[michaeltmurrayuk]

For your changes to take affect

If you have made any changes to the base skins (colours, fonts, graphics) to get your changes to show you’ll need to go into the Preferences -> Interface Menu and untick ‘Use caching to decrease page loading times’ if it is ticked and then tick ‘Reload skin when confirming changes in Preferences’ then click confirm and your changes should be applied, if you have previously ticked and unticked the required boxes a 'Reload Skin' button should appear in the bottom left corner, if this button appears you can click that if the Confirm Button is greyed out.

[michaeltmurrayuk]

Also if you have any skinning questions that aren't directly related to the Base Skin, can you please open up a separate thread as if the answers are in here they are a lot hard to index or find again than if they were in their own thread, thanks.

[PequenoGenio]

Heelo @michaeltmurrayuk

A couple of things that i want to do:

Increase the size of the player picture, club logo and nation logo. Increase the size of that panel (yellow) in order to the scrool bar disappear.

Increase the with of the green zone and decrease the red zone (in order to make the atriubuts name "complete")

[jaylove82]

Hey Michael

 

Thanks for the skin and the info as always.  Couple of familiar problems for me though and wondered if you might be able to help

 

Firstly, I'd love to see the stadium image in the background of my match engine.  I've installed the stadium mega pack as usual and it appears on my Home Screen but not in the match engine.

Secondly, and this is the same problem in all of the skins (apart from the 'fm2022flutskin_dark' skin), is that the scorer name / info does not appear in the match overview box - see the screen grab below.

 

Help on both front would be very gratefully received

 

Thanks

J

[frank_olaf]

Thanks for making this available.

I have a question about changing a colour. I want to change the colour of the overall physical condition heart when the players condition is Peak (as the current green is too similar to the Excellent condition colour). I've had a look in the base22 settings file but can't find the correct line of code that would control that. Do you know how I can change that?

Thanks.

[michaeltmurrayuk]

4 hours ago, frank_olaf said:

Thanks for making this available.

I have a question about changing a colour. I want to change the colour of the overall physical condition heart when the players condition is Peak (as the current green is too similar to the Excellent condition colour). I've had a look in the base22 settings file but can't find the correct line of code that would control that. Do you know how I can change that?

Thanks.

Looks like the colours are declared by the files located with the graphics in the graphics\icons\custom\condition folder which you'll find within the fm-widgets skin that you'll need to extract from the sitoolkit fmf file.

Though the default colours for highest is fg range20 and high is fg range15 so you can just change the RGB values of those two from the settings file if you don't mind everything assigned to those two colours to also change.

[frank_olaf]

5 minutes ago, michaeltmurrayuk said:

Looks like the colours are declared by the files located with the graphics in the graphics\icons\custom\condition folder which you'll find within the fm-widgets skin that you'll need to extract from the sitoolkit fmf file.

Though the default colours for highest is fg range20 and high is fg range15 so you can just change the RGB values of those two from the settings file if you don't mind everything assigned to those two colours to also change.

Thanks. Can I just change fg range20 or do I need to change range15 as well?

Edited October 29, 2021 by frank_olaf

[michaeltmurrayuk]

@PequenoGenio That screen is controlled by the player overview panel xml file file found in the panels\player folder which you'll need to extract from the panels fmf file. You just need to play around with the numbers until you are happy - you can gain some free space by reducing the gap values, otherwise you'll need to adjust the height and layout values and then play with them until you are happy.

@jaylove82 Match Backgrounds aren't supported by the game - the old thread re-enabling is around that might still work but you'll lose the 3D match stuff. For the scorers you need to also copy over the files that contain those details as they are separate files, the match info file you are using should tell what the names of the files are.

[michaeltmurrayuk]

3 minutes ago, frank_olaf said:

Thanks. Can I just change fg range20 or do I need to change range15 as well?

You can just change one of them if you just want more of a difference between the two values. (You could just switch the range19 and range20 values around as the game switched them a few versions back so the bright green is now longer the natural (20) value but the dark green is, and the old natural value may give you better contrast)

[stevemc]

Smashed it again @michaeltmurrayuk like every year 

[united99]

On 28/10/2021 at 18:13, michaeltmurrayuk said:

Also if you have any skinning questions that aren't directly related to the Base Skin, can you please open up a separate thread as if the answers are in here they are a lot hard to index or find again than if they were in their own thread, thanks.

Hi Michael I want the screen to be lighter please so it looks like this please I changed it last year and just can’t remember what I did thanks

[bluehefner]

Many thanks for your work on this, maybe i'm being stupid but it's unclear to me how to change the sidebar to be a solid colour (whilst keeping transparency on the main panel) could you perhaps point me in the right direction? 

Thanks!

[nick1408]

I'm looking to bring the Reports option back (as seen below from FM21). I notice you said you enabled it on the small selector screen again. Is the below screen the small selector and if so why can I not see it on the FM22 beta?

 

 

In addition to this; would it be easy to add attributes back to scout reports inbox item?

[canry]

Default Skin scouting update screen, tihs button not seen in %110 resolution

 

[Razoor1860]

is it possible to took your base skin (dark fm 20) from fm 21?  I doesn´t like the purple on the sidebar. Or how do i change this version to this?

[jaylove82]

Thanks Michael

 

Regarding the match day background - would you mind directing me to where the old thread for these are instructions is please

 

Thanks

J

[michaeltmurrayuk]

@united99 Instructions are above, if you want to set 50% transparency then you need to change the values to 0.5

@bluehefner Have a look at this thread for the sidebar: 

@nick1408 Yes you should have a Report option when selecting the small selector panels on both the player attributes and profile screens, if not make sure you have switched over to the base skin. For adding attributes to the scouting centre I haven't looked yet but I expect someone will have a look before the full release.

@canry That is a bug in the game so it is best raising the issue in the bugs forum.

@Razoor1860 You should be able to compare the settings files of the two skins and change the colours to match those from the older skin, however for the sidebar pattern to recolour that you'd need to edit the actual graphic as the game takes the colour from the graphic instead of recolouring it, so you'd need to edit the files found in this folder graphics\boxes\custom\interface\background pattern which are located within the fm-widgets skin folder which you'll need to extract from the sitoolkit fmf file, though after the full release I'll most likely release a couple of variants with different accent colours.

[renato.]

 

 

How can I change the buttons colours, like the continue and the sidebar icons ones? I want it to be grey/dark and not pink.

Edited November 1, 2021 by renato.

[michaeltmurrayuk]

Those colours are set by the fg accent and bg accent colours in the settings file, so you just need to change them to value to suit - the darker button one should be the bg value and the lighter text colour the fg value.

[renato.]

42 minutes ago, michaeltmurrayuk said:

Those colours are set by the fg accent and bg accent colours in the settings file, so you just need to change them to value to suit - the darker button one should be the bg value and the lighter text colour the fg value.

Thanks mate!

One more thing: When I click on the sidebar icons, they still pink on the inside. How can I change this specific colour?

 

And how can I change the text colours on the boxes (stats, career, physical condition/ sorry, It's in Portuguese)

...):

 

Edited November 1, 2021 by renato.

[BuzzR]

11 minutes ago, renato. said:

One more thing: When I click on the sidebar icons, they still pink on the inside. How can I change this specific colour?

 

11 minutes ago, renato. said:

And how can I change the text colours on the boxes (stats, career, physical condition...):

Both are controlled by the title colour in skin settings.

[renato.]

4 minutes ago, BuzzR said:

 

Both are controlled by the title colour in skin settings.

Thanks my friend, now my skin looks the way I like!

[Maersy]

Nice

[James_Fraser]

Is it possible to add the Youth Rating figure to a nation's profile screen?

[bluehefner]

On 01/11/2021 at 12:51, michaeltmurrayuk said:

@united99 Instructions are above, if you want to set 50% transparency then you need to change the values to 0.5

@bluehefner Have a look at this thread for the sidebar: 

@nick1408 Yes you should have a Report option when selecting the small selector panels on both the player attributes and profile screens, if not make sure you have switched over to the base skin. For adding attributes to the scouting centre I haven't looked yet but I expect someone will have a look before the full release.

@canry That is a bug in the game so it is best raising the issue in the bugs forum.

@Razoor1860 You should be able to compare the settings files of the two skins and change the colours to match those from the older skin, however for the sidebar pattern to recolour that you'd need to edit the actual graphic as the game takes the colour from the graphic instead of recolouring it, so you'd need to edit the files found in this folder graphics\boxes\custom\interface\background pattern which are located within the fm-widgets skin folder which you'll need to extract from the sitoolkit fmf file, though after the full release I'll most likely release a couple of variants with different accent colours.

I did check out this thread but as i understand it, i would need to extract the base skin with the resource archiver to make the necessary changes? (i can't do it with the base skin you provided)

Problem is, whenever i try and launch the FM21 resource archiver it crashes, so i'm sorta stuck, if someone could provide the default, unedited base skin then that would be appreciated.

[jose.carlos.sobreira]

Dear @michaeltmurrayuk

Thanks for your work. I tried to do my own skin but too difficult for me...

Do you know if it's possible to add match screen mod used last year ?

https://michaeltmurrayuk.blogspot.com/2021/09/football-manager-2021-match-screens-mod.html

Thanks for your help.

Best Regards,

José

Edited November 4, 2021 by jose.carlos.sobreira

[michaeltmurrayuk]

@bluehefner You need to have FM21 still installed to run the Resource Tool.

@jose.carlos.sobreira FM22 version of the Match mods will be released after the full release.

[Arla2002]

On 01/11/2021 at 17:57, renato. said:

Thanks my friend, now my skin looks the way I like!

Really nice! Can you share it with us?

[renato.]

1 hour ago, Arla2002 said:

Really nice! Can you share it with us?

Sure, here it goes:

base22 renato..rar

[bluehefner]

15 hours ago, michaeltmurrayuk said:

@bluehefner You need to have FM21 still installed to run the Resource Tool.

@jose.carlos.sobreira FM22 version of the Match mods will be released after the full release.

Makes sense, i'll get it installed, cheers mate.

[jose.carlos.sobreira]

Thanks mate for your reply.

I understand better how to customize skins after read your tutorials on your website. Right now I want to change the page on your skin. After recharging the skin I havent this page :

How to set it by defalut I have the old one ?

My aim is to add that on the player overview :

 

Thanks a lot for your help

Jouz

Edited November 5, 2021 by jose.carlos.sobreira

[dino88]

hi, thank you so much. I'm not very good at this and still learning. 

How can we add the stadium images for each fixture on the schedule page? I would really like this. 

[stevemc]

2 hours ago, dino88 said:

hi, thank you so much. I'm not very good at this and still learning. 

How can we add the stadium images for each fixture on the schedule page? I would really like this. 

If this is what you are after: 

 

 

Then drop this file attached to this message, into this location:

Sports Interactive/Football Manager 2022/skins/base22/panels/match/fixture details.xml

And ensure you have a stadium pack in this location:

Sports Interactive/Football Manager 2022/graphics/mini stadiums

 

fixture details.xml

[dino88]

4 hours ago, stevemc said:

If this is what you are after: 

 

 

Then drop this file attached to this message, into this location:

Sports Interactive/Football Manager 2022/skins/base22/panels/match/fixture details.xml

And ensure you have a stadium pack in this location:

Sports Interactive/Football Manager 2022/graphics/mini stadiums

 

fixture details.xml 10.52 kB · 2 downloads

hi thank you, i tried it but it didnt work...  

[dino88]

do i need to save it as fixture details.xml or can i save it with the name i used to download it? 

[michaeltmurrayuk]

You need to rename it to fixture details as when attaching files directly to the forum it tends to rename them.

[dino88]

15 hours ago, michaeltmurrayuk said:

You need to rename it to fixture details as when attaching files directly to the forum it tends to rename them.

great, works perfectly now. 

[dino88]

On 04/11/2021 at 19:50, renato. said:

Sure, here it goes:

base22 renato..rar 4.91 MB · 7 downloads

hi mate - thank you for this. how can i change the continue button colour back to the original pinkish/red from what you've changed to which is grey? or if i can change it to the club im managing, mallorca, who is red? thank you.

[renato.]

3 hours ago, dino88 said:

hi mate - thank you for this. how can i change the continue button colour back to the original pinkish/red from what you've changed to which is grey? or if i can change it to the club im managing, mallorca, who is red? thank you.

The guys already thought me from this post, just follow the conversation because I'm not the best person to explain it! hahaha

[dino88]

On 01/11/2021 at 16:10, michaeltmurrayuk said:

Those colours are set by the fg accent and bg accent colours in the settings file, so you just need to change them to value to suit - the darker button one should be the bg value and the lighter text colour the fg value.

Hi - which lines do we need to edit for the continue button colour change? thank you

[Legofingerz]

Thanks for the info OP, I have a question if its not too much trouble;

How can I go about removing all instances of player and non player staff face pictures. My goal is to have zero face pics in the game, including the shadow default pics.

I would also really like to be able to replace the profile face pic with a 2D image of the back of the shirt (represented by a colour square) with the shirt name and number corresponding to what it is set to in the game.

Thanks.

[wiper05]

Always wanted to edit the colors of the attribute graph, specifically the "line". It used to be dark, since a couple of FM editions it's white and not eye pleasing in my opinion.

Where should I fiddle around with? 

[michaeltmurrayuk]

@Legofingerz To remove the faces have a look here: 

It's the same for the default faces, delete the images from the default folders leaving behind the config file, for the shirt backs there should be various posts over the years detailing how to add them to the profile screen.

@wiper05 It depends on which one you are wanting to change as the colours are set in the individual files.

[wiper05]

1 hour ago, michaeltmurrayuk said:

@Legofingerz To remove the faces have a look here: 

It's the same for the default faces, delete the images from the default folders leaving behind the config file, for the shirt backs there should be various posts over the years detailing how to add them to the profile screen.

@wiper05 It depends on which one you are wanting to change as the colours are set in the individual files.

Hello Michael,

thanks for your reply.

I was referring to the one below, part of the main Player Profile.

I wish to have it like FM 2017, but from there on the background colors could remain the same. It would be great however to have the same exact one as FM2017.

 

[keysi]

2 hours ago, wiper05 said:

Hello Michael,

thanks for your reply.

I was referring to the one below, part of the main Player Profile.

I wish to have it like FM 2017, but from there on the background colors could remain the same. It would be great however to have the same exact one as FM2017.

 

You need to extract the default files player attribute analyser goalkeeper.xml (for keeper polygon) and player attribute analyser outfield.xml (for player), place it to the skin folder/panels/player.

And edit the colours of lines in the lines 29-33.

player attribute analyser outfield.xmlplayer attribute analyser goalkeeper.xml