Type alias WidgetTheme

WidgetTheme: Theme

Remarks

Themes passed to the widget.

Color presented with the RGB schema without css function.

Out-of-the-box supported themes:

light;
dark.

The theme could be switched by enabling an attribute on the host element.

Example

<sf-airdrop-claim data-theme="dark"></sf-airdrop-claim>

Example: Color syntax

brand: 255 0 0

Example: Dark defaults

sf-airdrop-claim {
   --brand: 24 162 217;
   --text: 64 73 94;
   --secondary: 96 104 124;
   --tertiary: 184 196 209;
   --background: 249 249 251;
   --canvas: 255 255 255;
   --white: 255 255 255;
   --divider: 229 236 244;
 }

Example: fonts

 sf-airdrop-claim {
   font-family: "Jersey 25", sans-serif;
 }