• FRAMEWORK

Foundations

Themes

Themes

The themes you can use are as follows. Just add it as a class to the HTML element. The transition switch for Dark and Light modes is in the upper right corner of the page.

Default

It is the default theme layout. The most commonly used default theme does not require a class to be applied.

Default

Dark

It is the theme used for dark mode. It has an interface that does not tire the eyes.

.fo-dark

Light

It is a classic white theme. It has many similarities with the default theme, but the navigation and header colors are different.

.fo-light

FordTrucks

Theme developed for FordTrucks. Uses multipurpose layer. Colors and fonts are arranged according to the style guide determined by Ford Global.

.fo-trucks

FordPro

Theme developed for FordPro. Uses multipurpose layer. Colors and fonts are arranged according to the style guide determined by Ford Global.

.fo-fordpro