This brand new theme has been a long time in the making and we are pleased to now make it available to all customers! Inspired by the World Endurance Championship 2021 and 2022 broadcast designs every component has been painstakingly restyled by our developers.

To apply this theme to your overlay simply add this to your Initial Variable Values:
Overlay.Theme = "themes/wec-2021.css";
We recommend removing any code in your Style Overrides to ensure there are no conflicts when loading this theme (scaling of components in particular). If you wish to make any style adjustments to this theme you can find the full CSS code to inspect here: https://livetiming.sdk-gaming.co.uk/themes/wec-2021.css

To use your own logos within the overlay add the following to Style Overrides entering your own url’s:
/* Logos */.overlay {
--header-logo: url();
--left-footer-logo: url();
--left-footer-logo-filter: none;
--right-footer-logo: url();
--right-footer-logo-filter: none;
}
/* Top-right logo */.overlay > .logo > .logo-image {
background-image: url();
top: 10px;
right: 10px;
width: 350px;
}
Any Style Overrides added to this theme will often require “!important” added at the end of each line in order to apply.

This next design isn’t strictly a “Theme” but 3 NASCAR 2020 components that you can either use direct from this project file: https://www.sdk-gaming.co.uk/wp-content/uploads/NASCAR.zip or integrate these individual components into your existing project file.

Each component exactly replicates the NASCAR 2020 broadcast overlay. Find more information about each component and download links for them here:

NASCAR Ticker 2020

NASCAR Tower 2020

NASCAR Driver Details 2020

This theme was originally created for the Apex Racing TV broadcast of the iRacing Formula 3.5 Championship. It replicates the overlay theme used by the real life championship in 2015.

To apply this theme to your overlay simply add this to Initial Variable Values:

Overlay.Theme = "themes/fr35.css";

We recommend removing all existing code in your Style Overrides to ensure there are no conflicts.

For this theme, extensive user customisation is not recommended, however you can easily change the colour of the Driver Position Boxes by adding the below code to your Style Overrides and replacing the red and darkred values with colours of your choice:

.overlay {
--driver-position-background-color: red;
--driver-position-border-color: darkred;
}

To use your own logos within the overlay still then also add the following to Style Overrides entering your own url’s:

/* Logos */.overlay {
--header-logo: url();
--left-footer-logo: url();
--left-footer-logo-filter: none;
--right-footer-logo: url();
--right-footer-logo-filter: none;
}

/* Top-right logo */.overlay > .logo > .logo-image {
background-image: url();
top: 10px;
right: 10px;
width: 350px;
}

Although we don’t recommend further customisation to this theme you can find the full CSS code to inspect here: https://livetiming.sdk-gaming.co.uk/themes/fr35.css

This theme replicates the overlay theme used by the FIA World Rallycross broadcast!

To apply this theme to your overlay simply add this to your Initial Variable Values:

Overlay.Theme = "themes/irx.css";

We recommend removing any code in your Style Overrides to ensure there are no conflicts when loading this theme.

If you wish to make any style adjustments to this theme you can find the full CSS code to inspect here: https://livetiming.sdk-gaming.co.uk/themes/irx.css and copy any code you wish to edit to your Style Overrides.

This is a simple theme that sets all your Driver Position boxes through the overlay to white and square shaped.

To apply this theme to your overlay simply add this to your Initial Variable Values:

Overlay.Theme = "themes/white-box.css";

We recommend keeping the code in your current Style Overrides as this theme only affects the Driver Position Boxes.

If you wish to make any style adjustments to this theme you can find the full CSS code to inspect here: https://livetiming.sdk-gaming.co.uk//themes/white-box.css and copy any code you wish to edit to your Style Overrides.

This is a simple theme that sets all your Driver Position boxes through the overlay to white and square shaped with rounded top and bottom rows.

To apply this theme to your overlay simply add this to your Initial Variable Values:

Overlay.Theme = "themes/white-rounded.css";

We recommend keeping the code in your current Style Overrides as this theme only affects the Driver Position Boxes.

If you wish to make any style adjustments to this theme you can find the full CSS code to inspect here: https://livetiming.sdk-gaming.co.uk//themes/white-rounded.css and copy any code you wish to edit to your Style Overrides.