Theme Sosh

The Sosh theme is the theme dedicated to the Sosh brand only.

Overview

🧬 Theme version: 2.5.0

This is the Sosh theme any Sosh product must use, and cannot be subclassed. It embeds also in its target the Sosh brand colors which are not shared nor exposed in lower level targets or outside any module not depending to it. In other words, this SoshTheme is based on the abstract OUDSTheme, uses all the Orange Unified Design System kit and brings the Sosh brand colors and assets.

Tip
This theme embeds and registers the fonts for the Sosh theme, you just need to use the theme object as is.

Important
The Sosh theme does not embed colors for charts yet and is read only: it cannot be subclassed or derivated

How to use the theme

You can use SoshTheme directly. To use the SoshTheme without further modifications, you will have to use the OUDSThemeableView for your root view and give it an instance of SoshTheme. Keep in mind the themes are Swift class objects and can be heavy, so you may use only as instance as singleton and not store any properties.

@main
struct YourApp: App {
    var body: some Scene {
        WindowGroup {
            OUDSThemeableView(theme: SoshTheme()) {
                // Your root view
            }
        }
    }
}

Then, in your views, you can simply use the theme through an environment variable to get the tokens:

struct SomeView: View {

    // Get OUDS environment variable for theme thanks to themeable view
    @Environment(\.theme) var theme
    
    var body: some View {
        
        // Use the theme to retrieve the tokens
        // For spaces: theme.spaces
        // For sizes: theme.sizes
        // For borders: theme.borders
        // For elevations: theme.elevations
        // For opacities: theme.opacities
        // For colors: theme.colors
        // For button configuration: theme.button
        // For link configuration: theme.link
        // Etc.
    }
}

How to tune the theme

You cannot tune the Sosh theme.

Typography

The Sosh theme uses its Sosh font and must not use others.

How to enrich the theme

You cannot derivate the Sosh theme.

How it looks like

Actions

Button

A button component in light and dark modes with Sosh theme

Content display

Bullet list

A bullet list component in light and dark modes with Sosh theme

Controls

Checkboxes

Radios

Switches

Chips

Text input

A text input component in light and dark modes with Sosh theme

Indicators

Badge

A badge component in light and dark modes with Sosh theme

Layouts

Dividers

Navigations

Link

A link component in light and dark modes with Sosh theme

Tab bar

Topics

Group

class SoshTheme
This is the theme for Sosh brand? This is an override of the default basic OUDSTheme for the Sosh brand theme It can override any properties from its superclass, and but cannot be derived ; this is not allowed.
enum SoshBrandColorRawTokens
This enum helps to add new color raw tokens exclusive to this SoshTheme. Such tokens are packed in a Swift enum so as to gather them in one object with the suitable namespace and avoid to have just constants in nothing else (i.e. publicly accessible from everywhere). More optimized than dimensionstruct_.
enum SoshBrandFontRawTokens
This enum helps to add new font raw tokens exclusive to this SoshTheme Such tokens are packed in a Swift enum so as to gather them in one object with the suitable namespace and avoid to have just constants in nothing else (i.e. publicly accessible from everywhere). More optimized than dimensionstruct_.