F1-2024-Theme
RLT theme in the style of the official F1 2024 graphics.
Credit to Hines J for the FIA Penalty Renders (Driver Penalties) & (Event Penalties)
APPLY A CATEGORY TO YOUR SEASON
(see image)
Step 1: Create a category
Step 2: Apply category to the season
You can apply a category to the season by right-clicking on the desired season in the calendar page.
Color#1 -> Dictates the main colour of renders.
Color#2 -> Dictates the main color of the white (default) bar for P1.
I strongly recommend that you populate the "Short Name" field, as not all renders have the space to show longer season names.
Users can switch between "Season Name", "Category Name" and "Category Short Name" in theme options.
DRIVER AVATARS
Setting Driver Avatars option to "Custom Avatars" means the theme will search for images named after the driver general name. Example:
Driver General Name: SomeText
Image Name: SomeText.png
Add your images here -> RacingLeagueTools/images/driver_avatars/
Note that all custom images must be a 1:1 ratio between height and width. All images must be a .png file type.
It is advised that the canvas size of your image is to be much larger than your image. Using the default avatars, try lining up your image to the silhouette of the driver (using layers) to get a perfect fit.
GLOBAL VARIABLES
All variables are stored in global_vars.json within the theme folder. Example of what variables exist:
- Team Name Varients
- Driver/Team Foregrounds
- Team Logo Size
- Font Colours
- Font Sizes
To add support for custom teams, simply observe prexisting examples used for the F1 teams.
LOCALISATION
Found in the theme folder.
Allows for translations or variations of given text. Edit the right-hand side of each line with the translation.
HOW TO - CUSTOM TEAMS
using Audi as the example
STEP 1
Create your team in the app. Name: Audi UniqueId: audi.2024 only 2 fields with significance
STEP 2
Add the logo into the apps image folder. Path: RacingLeagueTools_v095_preview-7_v2\images\logotypes\teams\F1_2024 Image name: audi.2024.png And thats it. The following steps are for team names that need a black/darker font colour.
STEP 1
- Open the global_vars.json file in the theme.
- Locate "team foreground colours" header
- Create one for your team: "AudiFG": "000000", Some renders have separate variables for foreground, such as the line-up render. (see second image)
Localisation is used to manipulate text. Or similpy used to translate text. Edit the right-hand side of the variables.
If you wish to add permenant support for your language, please make a copy of the english.json and edit the file. Once completed, send the file to Dark373 on discord.
ACCURATE TEAM COLOURS
set of instructions to mirror the real life colour schemes
STEP 1
- Open the global_vars.json file in the theme folders.
- Locate the "dotd / main colours" header (see image)
STEP 2
Add colours into your database (second image)
- Color #1: Main
- Color #2: Secondary Copy and paste the hex codes into your database.
This is completely at your discretion.
HOW TO - ADD LOGO VARIANTS
In some cases, the logo is the same colour as the team logo. So how do we change that? Haas will be used as the example.
STEP 1
Prepare your logo. Use the internet to find a suitable logo, or using software, recolour the logo. All logos must have a 1:1 ratio with height and width. standard is 256x256 but they could be any size.
STEP 2
Name the logo. Logos should be named after the team uniqueId (can be found in the teams page). Haas: haas.2024 New image: haas.2024__light
STEP 3
Save the image. Path: F1-2024-Theme/images/logotypes/teams
STEP 4
Restart your app.
You can do this for dark, light, alternative logotypes within the theme. Alternative is used in official lineups render
HOW TO - RENDER DRIVER RATINGS
Navigate to the drivers page, and right-click on a driver. (see image)