Jump to content

[FM22][SKIN] Light Skin


michaeltmurrayuk
 Share

Recommended Posts

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.

 

Link to post
Share on other sites

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"/>

Link to post
Share on other sites

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.

Link to post
Share on other sites

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.

Link to post
Share on other sites

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

Link to post
Share on other sites

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.

Link to post
Share on other sites

Amazing job again @michaeltmurrayuk

But can you help me here:

Edited by PequenoGenio
Link to post
Share on other sites

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)

 

Screenshot.thumb.png.bc5355420ee506f23a75ba5d7c181f8e.png

Link to post
Share on other sites

9 hours ago, MariusA said:

Thanks!

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

 

Screenshot.thumb.png.bc5355420ee506f23a75ba5d7c181f8e.png

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

Link to post
Share on other sites

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.

 

 

Link to post
Share on other sites

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!

Link to post
Share on other sites

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.

327468725_Screenshot2021-11-29at09_46_42.png.40845978a58a4fec697c1fc130c5f0af.png

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.

1086673739_Screenshot2021-11-29at09_49_48.thumb.png.c935998a90f0f7732a3b024cf9308acb.png

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

1644793807_Screenshot2021-11-29at09_51_00.thumb.png.10b65cee977f353ac5823a6cf890a550.png

Remove skin caching & reload skin and it should work!

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

Link to post
Share on other sites

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.

Link to post
Share on other sites

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"

Link to post
Share on other sites

light22_1.png.be6d22c718719ca1b571f78ad25c9202.thumb.png.d829f4f136bac2995df93580e0595caa.png

@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 by HCan_
Link to post
Share on other sites

  • 2 weeks later...
  • 1 month later...
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

This site uses cookies - We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.