Inspired by the World Endurance Championship 2021 and 2022 broadcast designs every component has been painstakingly styled by our developers.

To apply this theme to your overlay simply select WEC 2021 in the Themes Component

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;
}

Inspired by the real life Super Formula Championship, the fastest racing category in Asia and created by community member Viola-seven and ZENKAIRACING; the Super Formula Theme is the latest overlay theme available to all SDK Gaming customers.

Keep an eye out on the Community Shared Plugins page for expansions coming soon for this theme allowing a much closer replication to some of the unique aspects of the real life overlay!

To apply this theme to your overlay simply select Super Formula in the Themes Component

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/sf-2024.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;
}

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 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 is inspired by the overlay used by the real life Formula 3.5 championship in 2015.

To apply this theme to your overlay simply  select Formula Renault 3.5 in the Themes Component.

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 due to additional complexity baked in, 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 is inspired by the overlay used by the FIA World Rallycross broadcast.

To apply this theme to your overlay simply select IRX or IRX Red in the Themes Component.

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 select White Square in the Themes Component.

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 select White Rounded in the Themes Component.

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.