Buttons Styles

export interface Theme {
  // Global font family
  fontFamily?: CSSProperties['fontFamily']

  window?: Window
  title?: Title
  message?: Message
  settings?: Settings
  buttons?: Buttons
  btn?: Btn
  btnAccept?: BtnAccept
  btnReject?: BtnReject
  btnInfo?: BtnInfo
  btnSettings?: BtnSettings
  btnSettingsSelect?: BtnSettingsSelect
  btnSettingsAccept?: BtnSettingsAccept
  btnDismiss?: BtnDismiss
  btnClose?: BtnClose
  popup?: Popup
  animation?: Animation
}

Buttons Interface

interface Buttons {
  padding?: CSSProperties['padding']
  align?: CSSProperties['textAlign']
}

padding

• Type: CSSProperties['padding']
• Default: '0 0 16px 0'
• Description: Specifies the padding of every button.

align

• Type: CSSProperties['textAlign']
• Default: 'right'
• Description: Specifies the alignment of the buttons.

Btn Interface

interface Btn {
  fontSize?: CSSProperties['fontSize']
  fontWeight?: CSSProperties['fontWeight']
  margin?: CSSProperties['margin']
  padding?: CSSProperties['padding']
  radius?: CSSProperties['borderRadius']
}

fontSize

• Type: CSSProperties['fontSize']
• Default: 14px
• Description: Specifies the font size of the buttons.

fontWeight

• Type: CSSProperties['fontWeight']
• Default: 600
• Description: Specifies the font weight of the buttons.

margin

• Type: CSSProperties['margin']
• Default: 0
• Description: Specifies the margin of the buttons.

padding

• Type: CSSProperties['padding']
• Default: 12px 16px
• Description: Specifies the padding of the buttons.

BtnAccept Interface

interface BtnAccept {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: '#388E3C'
• Description: Specifies the background color of the accept button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the accept button.

textColor

• Type: CSSProperties['color']
• Default: '#ffffff'
• Description: Specifies the text color of the accept button.

backgroundHover

• Type: CSSProperties['background']
• Default: '#1B5E20'
• Description: Specifies the background color of the accept button on hover.

BtnReject Interface

interface BtnReject {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: transparent
• Description: Specifies the background color of the reject button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the reject button.

textColor

• Type: CSSProperties['color']
• Default: '#C62828'
• Description: Specifies the text color of the reject button.

backgroundHover

• Type: CSSProperties['background']
• Default: '#FFEBEE'
• Description: Specifies the background color of the reject button on hover.

BtnInfo Interface

interface BtnInfo {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: transparent
• Description: Specifies the background color of the info button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the info button.

textColor

• Type: CSSProperties['color']
• Default: '#424242'
• Description: Specifies the text color of the info button.

backgroundHover

• Type: CSSProperties['background']
• Default: '#E0E0E0'
• Description: Specifies the background color of the info button on hover.

BtnSettings Interface

interface BtnSettings {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: '#9E9E9E'
• Description: Specifies the background color of the settings button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the settings button.

textColor

• Type: CSSProperties['color']
• Default: '#ffffff'
• Description: Specifies the text color of the settings button.

backgroundHover

• Type: CSSProperties['background']
• Default: '#424242'
• Description: Specifies the background color of the settings button on hover.

BtnSettingsSelect Interface

interface BtnSettingsSelect {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: transparent
• Description: Specifies the background color of the selected settings button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the selected settings button.

textColor

• Type: CSSProperties['color']
• Default: '#424242'
• Description: Specifies the text color of the selected settings button.

backgroundHover

• Type: CSSProperties['background']
• Default: '#E0E0E0'
• Description: Specifies the background color of the selected settings button on hover.

BtnSettingsAccept Interface

interface BtnSettingsAccept {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  textColor?: CSSProperties['color']
  backgroundHover?: CSSProperties['background']
}

background

• Type: CSSProperties['background']
• Default: '#388E3C'
• Description: Specifies the background color of the accept button in settings.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the accept button in settings.

textColor

• Type: CSSProperties['color']
• Default: '#ffffff'
• Description: Specifies the text color of the accept button in settings.

backgroundHover

• Type: CSSProperties['background']
• Default: '#1B5E20'
• Description: Specifies the background color of the accept button in settings on hover.

BtnDismiss Interface

interface BtnDismiss {
  background?: CSSProperties['background']
  border?: CSSProperties['border']
  fontSize?: CSSProperties['fontSize']
  fontWeight?: CSSProperties['fontWeight']
  padding?: CSSProperties['padding']
  textColor?: CSSProperties['color']
  radius?: CSSProperties['borderRadius']
}

background

• Type: CSSProperties['background']
• Default: '#ddd'
• Description: Specifies the background color of the dismiss button.

border

• Type: CSSProperties['border']
• Default: 0
• Description: Specifies the border of the dismiss button.

fontSize

• Type: CSSProperties['fontSize']
• Default: 14px
• Description: Specifies the font size of the dismiss button.

fontWeight

• Type: CSSProperties['fontWeight']
• Default: 400
• Description: Specifies the font weight of the dismiss button.

padding

• Type: CSSProperties['padding']
• Default: 12px 16px
• Description: Specifies the padding of the dismiss button.

textColor

• Type: CSSProperties['color']
• Default: '#000'
• Description: Specifies the text color of the dismiss button.

radius

• Type: CSSProperties['borderRadius']
• Default: 24px
• Description: Specifies the border radius of the dismiss button.

BtnClose Interface

interface BtnClose {
  color?: CSSProperties['color']
  colorHover?: CSSProperties['color']
}

color

• Type: CSSProperties['color']
• Default: '#aaa'
• Description: Specifies the text color of the close button.

colorHover

• Type: CSSProperties['color']
• Default: '#000'
• Description: Specifies the text color of the close button on hover.