Theme Wireframe

This Wireframe theme is a theme for some specific usages, like for prototyping and design of journeys with non-Orange charted themes.

Overview

🧬 Theme version: 2.5.0

Note
The Wireframe theme uses the Shantell Sans font family

Important
The Wireframe theme does not embed charts colors yet, and is read only: it cannot be suclassed or derivated.

How to use the theme

You can use WireframeTheme directly. To use the WireframeTheme without further modifications, you will have to use the OUDSThemeableView for your root view and give it an instance of WireframeTheme. 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: WireframeTheme()) {
                // 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 Wireframe theme.

Typography

The Wireframe theme uses the Shantell Sans font family and must not use others.

How to enrich the theme

You cannot derivate the Wireframe theme.

How it looks like

Actions

A button component in light and dark modes with Wireframe theme

Content display

Bullet list

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

Controls

Checkboxes

Radios

Switches

Chips

Text input

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

Indicators

Badge

A badge component in light and dark modes with Wireframe theme

Layouts

Dividers

Navigations

Link

A link component in light and dark modes with Wireframe theme

Tab bar

Topics

Group

class WireframeTheme
This Wireframe theme is a theme for some specific usages, like for prototyping and design of journeys with non-Orange charted themes. This is an override of the default basic OUDSTheme for some usages. It can override any properties from its superclass, and but cannot be derived ; this is not allowed.
enum WireframeBrandColorRawTokens
This enum helps to add new color raw tokens exclusive to this WireframeTheme. 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 WireframeBrandFontRawTokens
This enum helps to add new font raw tokens exclusive to this WireframeTheme 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_.