theme

package
v0.0.0-...-a44c12d Latest Latest
Warning

This package is not in the latest version of its module.

Go to latest
Published: Apr 25, 2024 License: MIT Imports: 5 Imported by: 0

Documentation

Index

Constants

This section is empty.

Variables

View Source
var Blue = &Theme{
	Key:            "blue",
	Name:           "Blue",
	IndicatorColor: color.NRGBA{B: 150, A: 255},

	TextColor:            whiteColor,
	TextMuteColor:        color.NRGBA{R: 255, G: 255, B: 255, A: 150},
	DividerColor:         color.NRGBA{R: 255, G: 255, B: 255, A: 50},
	BgColor:              blueColor,
	BgGradientStartColor: color.NRGBA{R: 27, G: 107, B: 211, A: 255},
	BgGradientEndColor:   color.NRGBA{R: 16, G: 87, B: 181, A: 255},
	HideBalanceBgColor:   blueColor,

	HeaderBackButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 200},
		HoverTextColor: &whiteColor,
	},
	HeaderTopBgColor: color.NRGBA{R: 27, G: 107, B: 211, A: 255},

	BottomBarBgColor: blueColor,
	BottomButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 100},
		HoverTextColor: &whiteColor,
	},
	BottomButtonSelectedColor: whiteColor,
	BottomShadowColor:         blackColor,

	NodeStatusBgColor:         color.NRGBA{A: 255},
	NodeStatusHeightTextColor: color.NRGBA{R: 255, G: 255, B: 255, A: 255},
	NodeStatusNodeTextColor:   color.NRGBA{R: 255, G: 255, B: 255, A: 100},
	NodeStatusDotGreenColor:   color.NRGBA{R: 0, G: 200, B: 0, A: 255},
	NodeStatusDotYellowColor:  color.NRGBA{R: 255, G: 255, B: 0, A: 255},
	NodeStatusDotRedColor:     color.NRGBA{R: 200, G: 0, B: 0, A: 255},

	XSWDBgColor:     blueColor,
	XSWDBgTextColor: whiteColor,

	InputColors: components.InputColors{
		BackgroundColor:   blueColor,
		TextColor:         whiteColor,
		BorderColor:       whiteColor,
		HintColor:         color.NRGBA{R: 255, G: 255, B: 255, A: 150},
		ReadOnlyTextColor: color.NRGBA{R: 255, G: 255, B: 255, A: 150},
	},

	ButtonIconPrimaryColors: components.ButtonColors{
		TextColor: whiteColor,
	},
	ButtonPrimaryColors: components.ButtonColors{
		TextColor:       blueColor,
		BackgroundColor: whiteColor,
	},
	ButtonSecondaryColors: components.ButtonColors{
		TextColor:   whiteColor,
		BorderColor: whiteColor,
	},
	ButtonInvertColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: blueColor,
	},
	ButtonDangerColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: color.NRGBA{R: 200, G: 0, B: 0, A: 255},
	},

	TabBarsColors: components.TabBarsColors{
		InactiveColor: whiteColor,
		ActiveColor:   whiteColor,
	},

	ModalColors: components.ModalColors{
		BackgroundColor: blueColor,
		BackdropColor:   &color.NRGBA{R: 20, G: 20, B: 50, A: 230},
	},
	ModalButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 100},
		HoverTextColor: &whiteColor,
	},

	NotificationSuccessColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 0, G: 200, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationErrorColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 200, G: 0, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationInfoColors: components.NotificationColors{
		BackgroundColor: whiteColor,
		TextColor:       blueColor,
	},

	ProgressBarColors: components.ProgressBarColors{
		BackgroundColor: blueColor,
		IndicatorColor:  whiteColor,
	},

	ListTextColor:        whiteColor,
	ListBgColor:          color.NRGBA{R: 16, G: 87, B: 181, A: 255},
	ListItemHoverBgColor: color.NRGBA{R: 19, G: 101, B: 210, A: 255},
	ListScrollBarBgColor: whiteColor,
	ListItemTagBgColor:   blueColor,
	ListItemTagTextColor: whiteColor,

	SwitchColors: SwitchColors{
		Enabled:  whiteColor,
		Disabled: blueColor,
		Track:    color.NRGBA{A: 100},
	},
}
View Source
var Dark = &Theme{
	Key:            "dark",
	Name:           "Dark",
	IndicatorColor: color.NRGBA{A: 255},

	TextColor:            whiteColor,
	TextMuteColor:        color.NRGBA{R: 255, G: 255, B: 255, A: 50},
	DividerColor:         color.NRGBA{R: 255, G: 255, B: 255, A: 25},
	BgColor:              blackColor,
	BgGradientStartColor: color.NRGBA{R: 30, G: 30, B: 30, A: 255},
	BgGradientEndColor:   color.NRGBA{R: 15, G: 15, B: 15, A: 255},
	HideBalanceBgColor:   color.NRGBA{A: 255},

	HeaderBackButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 100},
		HoverTextColor: &whiteColor,
	},
	HeaderTopBgColor: color.NRGBA{R: 30, G: 30, B: 30, A: 255},

	BottomBarBgColor: blackColor,
	BottomButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 100},
		HoverTextColor: &whiteColor,
	},
	BottomButtonSelectedColor: whiteColor,
	BottomShadowColor:         blackColor,

	NodeStatusBgColor:         color.NRGBA{A: 255},
	NodeStatusHeightTextColor: color.NRGBA{R: 255, G: 255, B: 255, A: 255},
	NodeStatusNodeTextColor:   color.NRGBA{R: 255, G: 255, B: 255, A: 100},
	NodeStatusDotGreenColor:   color.NRGBA{R: 0, G: 200, B: 0, A: 255},
	NodeStatusDotYellowColor:  color.NRGBA{R: 255, G: 255, B: 0, A: 255},
	NodeStatusDotRedColor:     color.NRGBA{R: 200, G: 0, B: 0, A: 255},

	XSWDBgColor:     blackColor,
	XSWDBgTextColor: whiteColor,

	InputColors: components.InputColors{
		BackgroundColor:   blackColor,
		TextColor:         whiteColor,
		BorderColor:       whiteColor,
		HintColor:         color.NRGBA{R: 255, G: 255, B: 255, A: 50},
		ReadOnlyTextColor: color.NRGBA{R: 255, G: 255, B: 255, A: 50},
	},

	ButtonIconPrimaryColors: components.ButtonColors{
		TextColor: whiteColor,
	},
	ButtonPrimaryColors: components.ButtonColors{
		TextColor:       blackColor,
		BackgroundColor: whiteColor,
	},
	ButtonSecondaryColors: components.ButtonColors{
		TextColor:   whiteColor,
		BorderColor: whiteColor,
	},
	ButtonInvertColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: blackColor,
	},
	ButtonDangerColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: color.NRGBA{R: 200, G: 0, B: 0, A: 255},
	},

	TabBarsColors: components.TabBarsColors{
		InactiveColor: whiteColor,
		ActiveColor:   whiteColor,
	},

	ModalColors: components.ModalColors{
		BackgroundColor: blackColor,
		BackdropColor:   &color.NRGBA{R: 20, G: 20, B: 20, A: 230},
	},
	ModalButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{R: 255, G: 255, B: 255, A: 100},
		HoverTextColor: &whiteColor,
	},

	NotificationSuccessColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 0, G: 200, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationErrorColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 200, G: 0, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationInfoColors: components.NotificationColors{
		BackgroundColor: whiteColor,
		TextColor:       blackColor,
	},

	ProgressBarColors: components.ProgressBarColors{
		BackgroundColor: blackColor,
		IndicatorColor:  whiteColor,
	},

	ListTextColor:        whiteColor,
	ListBgColor:          color.NRGBA{R: 15, G: 15, B: 15, A: 255},
	ListItemHoverBgColor: color.NRGBA{R: 25, G: 25, B: 25, A: 255},
	ListScrollBarBgColor: whiteColor,
	ListItemTagBgColor:   blackColor,
	ListItemTagTextColor: whiteColor,

	SwitchColors: SwitchColors{
		Enabled:  whiteColor,
		Disabled: color.NRGBA{R: 60, G: 60, B: 60, A: 255},
		Track:    color.NRGBA{R: 60, G: 60, B: 60, A: 255},
	},
}
View Source
var Light = &Theme{
	Key:            "light",
	Name:           "Light",
	IndicatorColor: color.NRGBA{R: 255, G: 255, B: 255, A: 50},

	TextColor:            blackColor,
	TextMuteColor:        color.NRGBA{A: 200},
	DividerColor:         color.NRGBA{A: 50},
	BgColor:              whiteColor,
	BgGradientStartColor: color.NRGBA{R: 250, G: 250, B: 250, A: 255},
	BgGradientEndColor:   color.NRGBA{R: 210, G: 210, B: 210, A: 255},
	HideBalanceBgColor:   color.NRGBA{R: 200, G: 200, B: 200, A: 255},

	HeaderBackButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{A: 100},
		HoverTextColor: &color.NRGBA{A: 255},
	},
	HeaderTopBgColor: color.NRGBA{R: 250, G: 250, B: 250, A: 255},

	BottomBarBgColor: whiteColor,
	BottomButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{A: 100},
		HoverTextColor: &blackColor,
	},
	BottomButtonSelectedColor: blackColor,
	BottomShadowColor:         blackColor,

	NodeStatusBgColor:         color.NRGBA{A: 255},
	NodeStatusHeightTextColor: color.NRGBA{R: 255, G: 255, B: 255, A: 255},
	NodeStatusNodeTextColor:   color.NRGBA{R: 255, G: 255, B: 255, A: 100},
	NodeStatusDotGreenColor:   color.NRGBA{R: 0, G: 225, B: 0, A: 255},
	NodeStatusDotYellowColor:  color.NRGBA{R: 255, G: 255, B: 0, A: 255},
	NodeStatusDotRedColor:     color.NRGBA{R: 225, G: 0, B: 0, A: 255},

	XSWDBgColor:     color.NRGBA{R: 225, G: 225, B: 225, A: 255},
	XSWDBgTextColor: blackColor,

	InputColors: components.InputColors{
		BackgroundColor:   whiteColor,
		TextColor:         blackColor,
		BorderColor:       blackColor,
		HintColor:         color.NRGBA{A: 200},
		ReadOnlyTextColor: color.NRGBA{A: 200},
	},

	ButtonIconPrimaryColors: components.ButtonColors{
		TextColor: blackColor,
	},
	ButtonPrimaryColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: blackColor,
	},
	ButtonSecondaryColors: components.ButtonColors{
		TextColor:   blackColor,
		BorderColor: blackColor,
	},
	ButtonInvertColors: components.ButtonColors{
		TextColor:       blackColor,
		BackgroundColor: whiteColor,
	},
	ButtonDangerColors: components.ButtonColors{
		TextColor:       whiteColor,
		BackgroundColor: color.NRGBA{R: 255, G: 0, B: 0, A: 255},
	},

	TabBarsColors: components.TabBarsColors{
		InactiveColor: blackColor,
		ActiveColor:   blackColor,
	},

	ModalColors: components.ModalColors{
		BackgroundColor: whiteColor,
		BackdropColor:   &color.NRGBA{A: 100},
	},
	ModalButtonColors: components.ButtonColors{
		TextColor:      color.NRGBA{A: 100},
		HoverTextColor: &blackColor,
	},

	NotificationSuccessColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 0, G: 225, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationErrorColors: components.NotificationColors{
		BackgroundColor: color.NRGBA{R: 225, G: 0, B: 0, A: 255},
		TextColor:       whiteColor,
	},
	NotificationInfoColors: components.NotificationColors{
		BackgroundColor: whiteColor,
		TextColor:       blackColor,
	},

	ProgressBarColors: components.ProgressBarColors{
		BackgroundColor: whiteColor,
		IndicatorColor:  blackColor,
	},

	ListTextColor:        blackColor,
	ListBgColor:          whiteColor,
	ListItemHoverBgColor: color.NRGBA{R: 225, G: 225, B: 225, A: 255},
	ListScrollBarBgColor: blackColor,
	ListItemTagBgColor:   color.NRGBA{R: 225, G: 225, B: 225, A: 255},
	ListItemTagTextColor: blackColor,

	SwitchColors: SwitchColors{
		Enabled:  blackColor,
		Disabled: whiteColor,
		Track:    color.NRGBA{A: 100},
	},
}
View Source
var PagePadding = unit.Dp(20) // Page Inset
View Source
var Themes = []*Theme{Light, Dark, Blue}

don't use map[string] the ordering is not guaranteed

Functions

func LoadImages

func LoadImages()

Types

type SwitchColors

type SwitchColors struct {
	Enabled  color.NRGBA
	Disabled color.NRGBA
	Track    color.NRGBA
}

type Theme

type Theme struct {
	Key            string
	Name           string
	IndicatorColor color.NRGBA

	TextColor            color.NRGBA
	TextMuteColor        color.NRGBA
	DividerColor         color.NRGBA
	BgColor              color.NRGBA
	BgGradientStartColor color.NRGBA
	BgGradientEndColor   color.NRGBA
	HideBalanceBgColor   color.NRGBA

	// Header
	HeaderBackButtonColors components.ButtonColors
	HeaderTopBgColor       color.NRGBA

	// Bottom Bar
	BottomBarBgColor          color.NRGBA
	BottomButtonColors        components.ButtonColors
	BottomButtonSelectedColor color.NRGBA
	BottomShadowColor         color.NRGBA

	// Node Status
	NodeStatusBgColor         color.NRGBA
	NodeStatusHeightTextColor color.NRGBA
	NodeStatusNodeTextColor   color.NRGBA
	NodeStatusDotGreenColor   color.NRGBA
	NodeStatusDotYellowColor  color.NRGBA
	NodeStatusDotRedColor     color.NRGBA

	// XSWD Top Bar
	XSWDBgColor     color.NRGBA
	XSWDBgTextColor color.NRGBA

	// Input
	InputColors components.InputColors

	// Button
	ButtonIconPrimaryColors components.ButtonColors
	ButtonPrimaryColors     components.ButtonColors
	ButtonSecondaryColors   components.ButtonColors
	ButtonInvertColors      components.ButtonColors
	ButtonDangerColors      components.ButtonColors

	// Tab Bars
	TabBarsColors components.TabBarsColors

	// Modal
	ModalColors       components.ModalColors
	ModalButtonColors components.ButtonColors

	// Notifications
	NotificationSuccessColors components.NotificationColors
	NotificationErrorColors   components.NotificationColors
	NotificationInfoColors    components.NotificationColors

	// Progress Bar
	ProgressBarColors components.ProgressBarColors

	// List
	ListTextColor        color.NRGBA
	ListBgColor          color.NRGBA
	ListItemHoverBgColor color.NRGBA
	ListScrollBarBgColor color.NRGBA
	ListItemTagBgColor   color.NRGBA
	ListItemTagTextColor color.NRGBA

	// Switch
	SwitchColors SwitchColors

	// Images
	ArrowDownArcImage paint.ImageOp
	ArrowUpArcImage   paint.ImageOp
	CoinbaseImage     paint.ImageOp
	TokenImage        paint.ImageOp
	ManageFilesImage  paint.ImageOp
}
var Current *Theme = Light

default to Light theme (avoid nil pointer in FrameEvent before settings.Load() is set) settings.Load() will overwrite theme.Current with system pref or settings.json theme value

func Get

func Get(key string) *Theme

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL