Docs

File

core/ui-settings/theme-switcher.service.ts

Index

Properties

currentlyAppliedTheme$
darkThemeAvailable$
darkThemeClass
disableThemeSelection$
themeOptions
userSelectedThemePreference$

Methods

applyTheme
changeUserPreference
getCurrentThemePreference
getUsersSystemPreferenceForTheme$
resetTemporaryTheme
temporaryChangeTheme

Constructor

constructor(options: OptionsService)

Parameters :

Name	Type	Optional
options	`OptionsService`	No

Methods

applyTheme

applyTheme(preference: "light" | "dark" | "system")

Parameters :

Name	Type	Optional
preference	`"light" \| "dark" \| "system"`	No

Returns : void

changeUserPreference

changeUserPreference(preference: "light" | "dark" | "system")

Parameters :

Name	Type	Optional
preference	`"light" \| "dark" \| "system"`	No

Returns : void

getCurrentThemePreference

getCurrentThemePreference()

Returns : "light" | "dark" | "system"

getUsersSystemPreferenceForTheme$

getUsersSystemPreferenceForTheme$()

Returns : any

resetTemporaryTheme

resetTemporaryTheme()

Returns : void

temporaryChangeTheme

temporaryChangeTheme(preference: "light" | "dark")

Parameters :

Name	Type	Optional
preference	`"light" \| "dark"`	No

Returns : void

Properties

currentlyAppliedTheme$

Type : Observable<ThemeOptions>

darkThemeAvailable$

Type : Observable<boolean>

darkThemeClass

Default value : `c8y-dark-theme`

disableThemeSelection$

Type : Observable<boolean>

themeOptions

Default value :

[
    {
      label: gettext('Light'),
      value: 'light',
      icon: 'sun'
    },
    {
      label: gettext('Dark'),
      value: 'dark',
      icon: 'moon'
    },
    {
      label: gettext('System'),
      value: 'system',
      icon: 'imac-settings'
    }
  ] as const satisfies {
    label: string;
    value: ThemePreferenceOptions;
    icon: SupportedIcons;
  }[]

userSelectedThemePreference$

Type : Observable<ThemePreferenceOptions>

File

Index

Properties

Methods

Constructor

Methods

Properties

results matching ""

No results matching ""