Appearance

On this page

This is an auto-generated document to support extension builders understand the internal packages they can utilize. To find our written guides, tutorials, and API/SDK reference, check out our main docs .

Directus / @directus/themes / index / ThemeSchema

Variable: ThemeSchema ​

const ThemeSchema: TObject<Object>

Type declaration ​

appearance ​

appearance: TUnion<[TLiteral<"light">, TLiteral<"dark">]>

id ​

id: TString

name ​

name: TString

rules ​

rules: TObject<Object> = Rules

Type declaration ​

background ​

background: TOptional<TRef<TString>>

backgroundAccent ​

backgroundAccent: TOptional<TRef<TString>>

backgroundNormal ​

backgroundNormal: TOptional<TRef<TString>>

backgroundSubdued ​

backgroundSubdued: TOptional<TRef<TString>>

banner: TOptional<TObject<Object>>

borderColor ​

borderColor: TOptional<TRef<TString>>

borderColorAccent ​

borderColorAccent: TOptional<TRef<TString>>

borderColorSubdued ​

borderColorSubdued: TOptional<TRef<TString>>

borderRadius ​

borderRadius: TOptional<TUnion<[TRef<TString>, TRef<TString>]>>

borderWidth ​

borderWidth: TOptional<TRef<TUnion<[TString, TLiteral<"thin">, TLiteral<"medium">, TLiteral<"thick">]>>>

danger ​

danger: TOptional<TRef<TString>>

dangerAccent ​

dangerAccent: TOptional<TRef<TString>>

dangerBackground ​

dangerBackground: TOptional<TRef<TString>>

dangerSubdued ​

dangerSubdued: TOptional<TRef<TString>>

fonts ​

fonts: TOptional<TObject<Object>>

foreground ​

foreground: TOptional<TRef<TString>>

foregroundAccent ​

foregroundAccent: TOptional<TRef<TString>>

foregroundSubdued ​

foregroundSubdued: TOptional<TRef<TString>>

form ​

form: TOptional<TObject<Object>> = FormRules

header: TOptional<TObject<Object>>

navigation: TOptional<TObject<Object>>

popover ​

popover: TOptional<TObject<Object>>

primary ​

primary: TOptional<TRef<TString>>

primaryAccent ​

primaryAccent: TOptional<TRef<TString>>

primaryBackground ​

primaryBackground: TOptional<TRef<TString>>

primarySubdued ​

primarySubdued: TOptional<TRef<TString>>

public ​

public: TOptional<TObject<Object>>

secondary ​

secondary: TOptional<TRef<TString>>

secondaryAccent ​

secondaryAccent: TOptional<TRef<TString>>

secondaryBackground ​

secondaryBackground: TOptional<TRef<TString>>

secondarySubdued ​

secondarySubdued: TOptional<TRef<TString>>

sidebar: TOptional<TObject<Object>>

success ​

success: TOptional<TRef<TString>>

successAccent ​

successAccent: TOptional<TRef<TString>>

successBackground ​

successBackground: TOptional<TRef<TString>>

successSubdued ​

successSubdued: TOptional<TRef<TString>>

warning ​

warning: TOptional<TRef<TString>>

warningAccent ​

warningAccent: TOptional<TRef<TString>>

warningBackground ​

warningBackground: TOptional<TRef<TString>>

warningSubdued ​

warningSubdued: TOptional<TRef<TString>>

Source ​

packages/themes/src/schemas/theme.ts:345