g3n-engine/gui/style_light.go

// Copyright 2016 The G3N Authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
package gui

import (
	"github.com/g3n/engine/gui/assets"
	"github.com/g3n/engine/gui/assets/icon"
	"github.com/g3n/engine/math32"
	"github.com/g3n/engine/text"
)

// NewLightStyle creates and returns a pointer to the a new "light" style
func NewLightStyle() *Style {

	// Fonts to use
	const fontName = "fonts/FreeSans.ttf"
	const iconName = "fonts/MaterialIcons-Regular.ttf"
	s := new(Style)

	// Creates text font
	fontData := assets.MustAsset(fontName)
	font, err := text.NewFontFromData(fontData)
	if err != nil {
		panic(err)
	}
	font.SetLineSpacing(1.0)
	font.SetSize(14)
	font.SetDPI(72)
	font.SetFgColor4(math32.NewColor4("black"))
	font.SetBgColor4(math32.NewColor4("black", 0))
	s.Font = font

	// Creates icon font
	fontIconData := assets.MustAsset(iconName)
	fontIcon, err := text.NewFontFromData(fontIconData)
	if err != nil {
		panic(err)
	}
	fontIcon.SetLineSpacing(1.0)
	fontIcon.SetSize(14)
	fontIcon.SetDPI(72)
	fontIcon.SetFgColor4(math32.NewColor4("black"))
	fontIcon.SetBgColor4(math32.NewColor4("white", 0))
	s.FontIcon = fontIcon

	borderSizes := RectBounds{1, 1, 1, 1}
	borderColor := math32.Color4Name("DimGray")
	borderColorDis := math32.Color4Name("LightGray")

	bgColor := math32.Color{0.85, 0.85, 0.85}
	bgColor4 := math32.Color4{0, 0, 0, 0}
	bgColorOver := math32.Color{0.9, 0.9, 0.9}
	bgColor4Over := math32.Color4{1, 1, 1, 0.5}
	bgColor4Sel := math32.Color4{0.6, 0.6, 0.6, 1}

	fgColor := math32.Color{0, 0, 0}
	fgColorSel := math32.Color{0, 0, 0}
	fgColorDis := math32.Color{0.4, 0.4, 0.4}

	// Button styles
	s.Button = ButtonStyles{
		Normal: ButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 4, 2, 4},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
		},
		Over: ButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 4, 2, 4},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Focus: ButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 4, 2, 4},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Pressed: ButtonStyle{
			Border:      RectBounds{2, 2, 2, 2},
			Paddings:    RectBounds{2, 4, 2, 4},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Disabled: ButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 4, 2, 4},
			BorderColor: borderColorDis,
			BgColor:     bgColor,
			FgColor:     fgColorDis,
		},
	}

	// CheckRadio styles
	s.CheckRadio = CheckRadioStyles{
		Normal: CheckRadioStyle{
			Border:      RectBounds{0, 0, 0, 0},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4,
			FgColor:     fgColor,
		},
		Over: CheckRadioStyle{
			Border:      RectBounds{0, 0, 0, 0},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
			FgColor:     fgColor,
		},
		Focus: CheckRadioStyle{
			Border:      RectBounds{0, 0, 0, 0},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
			FgColor:     fgColor,
		},
		Disabled: CheckRadioStyle{
			Border:      RectBounds{0, 0, 0, 0},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4,
			FgColor:     fgColorDis,
		},
	}

	// Edit styles
	s.Edit = EditStyles{
		Normal: EditStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor,
			BgAlpha:     1.0,
			FgColor:     fgColor,
			HolderColor: math32.Color{0.4, 0.4, 0.4},
		},
		Over: EditStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			BgAlpha:     1.0,
			FgColor:     fgColor,
			HolderColor: math32.Color{0.4, 0.4, 0.4},
		},
		Focus: EditStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			BgAlpha:     1.0,
			FgColor:     fgColor,
			HolderColor: math32.Color{0.4, 0.4, 0.4},
		},
		Disabled: EditStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor,
			BgAlpha:     1.0,
			FgColor:     fgColorDis,
			HolderColor: math32.Color{0.4, 0.4, 0.4},
		},
	}

	// ScrollBar style
	s.ScrollBar = ScrollBarStyles{
		Normal: ScrollBarStyle{
			Paddings:     RectBounds{1, 1, 1, 1},
			Borders:      RectBounds{1, 1, 1, 1},
			BordersColor: borderColor,
			Color:        math32.Color{0.8, 0.8, 0.8},
			Button: ScrollBarButtonStyle{
				Borders:      RectBounds{1, 1, 1, 1},
				BordersColor: borderColor,
				Color:        math32.Color{0.5, 0.5, 0.5},
				Size:         30,
			},
		},
		Over: ScrollBarStyle{
			Paddings:     RectBounds{1, 1, 1, 1},
			Borders:      RectBounds{1, 1, 1, 1},
			BordersColor: borderColor,
			Color:        math32.Color{0.8, 0.8, 0.8},
			Button: ScrollBarButtonStyle{
				Borders:      RectBounds{1, 1, 1, 1},
				BordersColor: borderColor,
				Color:        math32.Color{0.5, 0.5, 0.5},
				Size:         30,
			},
		},
		Disabled: ScrollBarStyle{
			Paddings:     RectBounds{1, 1, 1, 1},
			Borders:      RectBounds{1, 1, 1, 1},
			BordersColor: borderColor,
			Color:        math32.Color{0.8, 0.8, 0.8},
			Button: ScrollBarButtonStyle{
				Borders:      RectBounds{1, 1, 1, 1},
				BordersColor: borderColor,
				Color:        math32.Color{0.5, 0.5, 0.5},
				Size:         30,
			},
		},
	}

	// Slider styles
	s.Slider = SliderStyles{
		Normal: SliderStyle{
			Border:      borderSizes,
			BorderColor: borderColor,
			Paddings:    RectBounds{0, 0, 0, 0},
			BgColor:     math32.Color4{0.8, 0.8, 0.8, 1},
			FgColor:     math32.Color4{0, 0.8, 0, 1},
		},
		Over: SliderStyle{
			Border:      borderSizes,
			BorderColor: borderColor,
			Paddings:    RectBounds{0, 0, 0, 0},
			BgColor:     math32.Color4{1, 1, 1, 1},
			FgColor:     math32.Color4{0, 1, 0, 1},
		},
		Focus: SliderStyle{
			Border:      borderSizes,
			BorderColor: borderColor,
			Paddings:    RectBounds{0, 0, 0, 0},
			BgColor:     math32.Color4{1, 1, 1, 1},
			FgColor:     math32.Color4{0, 1, 0, 1},
		},
		Disabled: SliderStyle{
			Border:      borderSizes,
			BorderColor: borderColor,
			Paddings:    RectBounds{0, 0, 0, 0},
			BgColor:     math32.Color4{0.8, 0.8, 0.8, 1},
			FgColor:     math32.Color4{0, 0.8, 0, 1},
		},
	}

	// Splitter styles
	s.Splitter = SplitterStyles{
		Normal: SplitterStyle{
			SpacerBorderColor: borderColor,
			SpacerColor:       bgColor,
			SpacerSize:        6,
		},
		Over: SplitterStyle{
			SpacerBorderColor: borderColor,
			SpacerColor:       bgColorOver,
			SpacerSize:        6,
		},
		Drag: SplitterStyle{
			SpacerBorderColor: borderColor,
			SpacerColor:       bgColorOver,
			SpacerSize:        6,
		},
	}

	s.Window = WindowStyles{
		Normal: WindowStyle{
			Border:           RectBounds{4, 4, 4, 4},
			Paddings:         RectBounds{0, 0, 0, 0},
			BorderColor:      math32.Color4{0.2, 0.2, 0.2, 1},
			TitleBorders:     RectBounds{0, 0, 1, 0},
			TitleBorderColor: math32.Color4{0, 0, 0, 1},
			TitleBgColor:     math32.Color4{0, 1, 0, 1},
			TitleFgColor:     math32.Color4{0, 0, 0, 1},
		},
		Over: WindowStyle{
			Border:           RectBounds{4, 4, 4, 4},
			Paddings:         RectBounds{0, 0, 0, 0},
			BorderColor:      math32.Color4{0.2, 0.2, 0.2, 1},
			TitleBorders:     RectBounds{0, 0, 1, 0},
			TitleBorderColor: math32.Color4{0, 0, 0, 1},
			TitleBgColor:     math32.Color4{0, 1, 0, 1},
			TitleFgColor:     math32.Color4{0, 0, 0, 1},
		},
		Focus: WindowStyle{
			Border:           RectBounds{4, 4, 4, 4},
			Paddings:         RectBounds{0, 0, 0, 0},
			BorderColor:      math32.Color4{0.2, 0.2, 0.2, 1},
			TitleBorders:     RectBounds{0, 0, 1, 0},
			TitleBorderColor: math32.Color4{0, 0, 0, 1},
			TitleBgColor:     math32.Color4{0, 1, 0, 1},
			TitleFgColor:     math32.Color4{0, 0, 0, 1},
		},
		Disabled: WindowStyle{
			Border:           RectBounds{4, 4, 4, 4},
			Paddings:         RectBounds{0, 0, 0, 0},
			BorderColor:      math32.Color4{0.2, 0.2, 0.2, 1},
			TitleBorders:     RectBounds{0, 0, 1, 0},
			TitleBorderColor: math32.Color4{0, 0, 0, 1},
			TitleBgColor:     math32.Color4{0, 1, 0, 1},
			TitleFgColor:     math32.Color4{0, 0, 0, 1},
		},
	}

	// Scroller styles
	s.Scroller = ScrollerStyles{
		Normal: ScrollerStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
		},
		Over: ScrollerStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Focus: ScrollerStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Disabled: ScrollerStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
		},
	}

	// List styles
	s.List = ListStyles{
		Scroller: &ScrollerStyles{
			Normal: ScrollerStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: borderColor,
				BgColor:     bgColor,
				FgColor:     fgColor,
			},
			Over: ScrollerStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: borderColor,
				BgColor:     bgColorOver,
				FgColor:     fgColor,
			},
			Focus: ScrollerStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: borderColor,
				BgColor:     bgColorOver,
				FgColor:     fgColor,
			},
			Disabled: ScrollerStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: borderColor,
				BgColor:     bgColor,
				FgColor:     fgColor,
			},
		},
		Item: &ListItemStyles{
			Normal: ListItemStyle{
				Border:      RectBounds{1, 0, 1, 0},
				Paddings:    RectBounds{0, 0, 0, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     bgColor4,
				FgColor:     fgColor,
			},
			Selected: ListItemStyle{
				Border:      RectBounds{1, 0, 1, 0},
				Paddings:    RectBounds{0, 0, 0, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     bgColor4Sel,
				FgColor:     fgColorSel,
			},
			Highlighted: ListItemStyle{
				Border:      RectBounds{1, 0, 1, 0},
				Paddings:    RectBounds{0, 0, 0, 2},
				BorderColor: math32.Color4{0, 0, 0, 1},
				BgColor:     bgColor4Over,
				FgColor:     fgColor,
			},
			SelHigh: ListItemStyle{
				Border:      RectBounds{1, 0, 1, 0},
				Paddings:    RectBounds{0, 0, 0, 2},
				BorderColor: math32.Color4{0, 0, 0, 1},
				BgColor:     bgColor4Sel,
				FgColor:     fgColorSel,
			},
		},
	}

	s.DropDown = DropDownStyles{
		Normal: &DropDownStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 2},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
		},
		Over: &DropDownStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 2},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Focus: &DropDownStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 2},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
		},
		Disabled: &DropDownStyle{
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{0, 0, 0, 2},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
		},
	}

	s.Folder = FolderStyles{
		Normal: &FolderStyle{
			Margins:     RectBounds{0, 0, 0, 0},
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{2, 0, 2, 2},
			BorderColor: borderColor,
			BgColor:     bgColor,
			FgColor:     fgColor,
			Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
		},
		Over: &FolderStyle{
			Margins:     RectBounds{0, 0, 0, 0},
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{2, 0, 2, 2},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
			Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
		},
		Focus: &FolderStyle{
			Margins:     RectBounds{0, 0, 0, 0},
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
			Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
		},
		Disabled: &FolderStyle{
			Margins:     RectBounds{0, 0, 0, 0},
			Border:      RectBounds{1, 1, 1, 1},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: borderColor,
			BgColor:     bgColorOver,
			FgColor:     fgColor,
			Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
		},
	}

	s.Tree = TreeStyles{
		List: &ListStyles{
			Scroller: &ScrollerStyles{
				Normal: ScrollerStyle{
					Border:      RectBounds{1, 1, 1, 1},
					Paddings:    RectBounds{0, 0, 0, 0},
					BorderColor: borderColor,
					BgColor:     bgColor,
					FgColor:     fgColor,
				},
				Over: ScrollerStyle{
					Border:      RectBounds{1, 1, 1, 1},
					Paddings:    RectBounds{0, 0, 0, 0},
					BorderColor: borderColor,
					BgColor:     bgColorOver,
					FgColor:     fgColor,
				},
				Focus: ScrollerStyle{
					Border:      RectBounds{1, 1, 1, 1},
					Paddings:    RectBounds{0, 0, 0, 0},
					BorderColor: borderColor,
					BgColor:     bgColorOver,
					FgColor:     fgColor,
				},
				Disabled: ScrollerStyle{
					Border:      RectBounds{1, 1, 1, 1},
					Paddings:    RectBounds{0, 0, 0, 0},
					BorderColor: borderColor,
					BgColor:     bgColor,
					FgColor:     fgColor,
				},
			},
			Item: &ListItemStyles{
				Normal: ListItemStyle{
					Border:      RectBounds{1, 0, 1, 0},
					Paddings:    RectBounds{0, 0, 0, 2},
					BorderColor: math32.Color4{0, 0, 0, 0},
					BgColor:     bgColor4,
					FgColor:     fgColor,
				},
				Selected: ListItemStyle{
					Border:      RectBounds{1, 0, 1, 0},
					Paddings:    RectBounds{0, 0, 0, 2},
					BorderColor: math32.Color4{0, 0, 0, 0},
					BgColor:     bgColor4Sel,
					FgColor:     fgColorSel,
				},
				Highlighted: ListItemStyle{
					Border:      RectBounds{1, 0, 1, 0},
					Paddings:    RectBounds{0, 0, 0, 2},
					BorderColor: math32.Color4{0, 0, 0, 1},
					BgColor:     bgColor4Over,
					FgColor:     fgColor,
				},
				SelHigh: ListItemStyle{
					Border:      RectBounds{1, 0, 1, 0},
					Paddings:    RectBounds{0, 0, 0, 2},
					BorderColor: math32.Color4{0, 0, 0, 1},
					BgColor:     bgColor4Sel,
					FgColor:     fgColorSel,
				},
			},
		},
		Node: &TreeNodeStyles{
			Normal: TreeNodeStyle{
				Border:      RectBounds{0, 0, 0, 0},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: borderColor,
				BgColor:     bgColor4,
				FgColor:     fgColor,
				Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
			},
		},
		Padlevel: 16.0,
	}

	s.ControlFolder = ControlFolderStyles{
		Folder: &FolderStyles{
			Normal: &FolderStyle{
				Margins:     RectBounds{0, 0, 0, 0},
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 0, 2, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     math32.Color{0, 0.5, 1},
				FgColor:     fgColor,
				Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
			},
			Over: &FolderStyle{
				Margins:     RectBounds{0, 0, 0, 0},
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 0, 2, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     math32.Color{0, 0.5, 1},
				FgColor:     fgColor,
				Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
			},
			Focus: &FolderStyle{
				Margins:     RectBounds{0, 0, 0, 0},
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     math32.Color{0, 0.5, 1},
				FgColor:     fgColor,
				Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
			},
			Disabled: &FolderStyle{
				Margins:     RectBounds{0, 0, 0, 0},
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     math32.Color{0, 0.5, 1},
				FgColor:     fgColor,
				Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
			},
		},
		Tree: &TreeStyles{
			List: &ListStyles{
				Scroller: &ScrollerStyles{
					Normal: ScrollerStyle{
						Border:      RectBounds{1, 1, 1, 1},
						Paddings:    RectBounds{0, 2, 0, 0},
						BorderColor: borderColor,
						BgColor:     bgColor,
						FgColor:     fgColor,
					},
					Over: ScrollerStyle{
						Border:      RectBounds{1, 1, 1, 1},
						Paddings:    RectBounds{0, 2, 0, 0},
						BorderColor: borderColor,
						BgColor:     bgColorOver,
						FgColor:     fgColor,
					},
					Focus: ScrollerStyle{
						Border:      RectBounds{1, 1, 1, 1},
						Paddings:    RectBounds{0, 2, 0, 0},
						BorderColor: borderColor,
						BgColor:     bgColorOver,
						FgColor:     fgColor,
					},
					Disabled: ScrollerStyle{
						Border:      RectBounds{1, 1, 1, 1},
						Paddings:    RectBounds{0, 2, 0, 0},
						BorderColor: borderColor,
						BgColor:     bgColor,
						FgColor:     fgColor,
					},
				},
				Item: &ListItemStyles{
					Normal: ListItemStyle{
						Border:      RectBounds{1, 0, 1, 0},
						Paddings:    RectBounds{0, 0, 0, 2},
						BorderColor: math32.Color4{0, 0, 0, 0},
						BgColor:     bgColor4,
						FgColor:     fgColor,
					},
					Selected: ListItemStyle{
						Border:      RectBounds{1, 0, 1, 0},
						Paddings:    RectBounds{0, 0, 0, 2},
						BorderColor: math32.Color4{0, 0, 0, 0},
						BgColor:     bgColor4,
						FgColor:     fgColor,
					},
					Highlighted: ListItemStyle{
						Border:      RectBounds{1, 0, 1, 0},
						Paddings:    RectBounds{0, 0, 0, 2},
						BorderColor: math32.Color4{0, 0, 0, 1},
						BgColor:     bgColor4Over,
						FgColor:     fgColor,
					},
					SelHigh: ListItemStyle{
						Border:      RectBounds{1, 0, 1, 0},
						Paddings:    RectBounds{0, 0, 0, 2},
						BorderColor: math32.Color4{0, 0, 0, 1},
						BgColor:     bgColor4Sel,
						FgColor:     fgColorSel,
					},
				},
			},
			Node: &TreeNodeStyles{
				Normal: TreeNodeStyle{
					Border:      RectBounds{0, 0, 0, 0},
					Paddings:    RectBounds{0, 0, 0, 0},
					BorderColor: borderColor,
					BgColor:     bgColor4,
					FgColor:     fgColor,
					Icons:       [2]string{icon.ExpandMore, icon.ExpandLess},
				},
			},
			Padlevel: 2.0,
		},
	}

	// Menu styles
	s.Menu = MenuStyles{
		Body: &MenuBodyStyles{
			Normal: MenuBodyStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor,
				FgColor:     fgColor,
			},
			Over: MenuBodyStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColorOver,
				FgColor:     fgColor,
			},
			Focus: MenuBodyStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColorOver,
				FgColor:     fgColor,
			},
			Disabled: MenuBodyStyle{
				Border:      RectBounds{1, 1, 1, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor,
				FgColor:     fgColor,
			},
		},
		Item: &MenuItemStyles{
			Normal: MenuItemStyle{
				Border:           RectBounds{0, 0, 0, 0},
				Paddings:         RectBounds{2, 4, 2, 2},
				BorderColor:      borderColor,
				BgColor:          bgColor,
				FgColor:          fgColor,
				IconPaddings:     RectBounds{0, 6, 0, 4},
				ShortcutPaddings: RectBounds{0, 0, 0, 10},
				RiconPaddings:    RectBounds{2, 0, 0, 4},
			},
			Over: MenuItemStyle{
				Border:           RectBounds{0, 0, 0, 0},
				Paddings:         RectBounds{2, 4, 2, 2},
				BorderColor:      borderColor,
				BgColor:          math32.Color{0.6, 0.6, 0.6},
				FgColor:          fgColor,
				IconPaddings:     RectBounds{0, 6, 0, 4},
				ShortcutPaddings: RectBounds{0, 0, 0, 10},
				RiconPaddings:    RectBounds{2, 0, 0, 4},
			},
			Disabled: MenuItemStyle{
				Border:           RectBounds{0, 0, 0, 0},
				Paddings:         RectBounds{2, 4, 2, 2},
				BorderColor:      borderColor,
				BgColor:          bgColor,
				FgColor:          fgColorDis,
				IconPaddings:     RectBounds{0, 6, 0, 4},
				ShortcutPaddings: RectBounds{0, 0, 0, 10},
				RiconPaddings:    RectBounds{2, 0, 0, 4},
			},
			Separator: MenuItemStyle{
				Border:      RectBounds{2, 2, 2, 2},
				Paddings:    RectBounds{0, 0, 0, 0},
				BorderColor: math32.Color4{0, 0, 0, 0},
				BgColor:     math32.Color{0.6, 0.6, 0.6},
				FgColor:     fgColor,
			},
		},
	}

	// Table styles
	s.Table = TableStyles{
		Header: &TableHeaderStyle{
			Border:      RectBounds{0, 1, 1, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: borderColor,
			BgColor:     math32.Color{0.7, 0.7, 0.7},
			FgColor:     fgColor,
		},
		RowEven: &TableRowStyle{
			Border:      RectBounds{0, 1, 1, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: math32.Color4{0.6, 0.6, 0.6, 1},
			BgColor:     math32.Color{0.90, 0.90, 0.90},
			FgColor:     fgColor,
		},
		RowOdd: &TableRowStyle{
			Border:      RectBounds{0, 1, 1, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: math32.Color4{0.6, 0.6, 0.6, 1},
			BgColor:     math32.Color{0.88, 0.88, 0.88},
			FgColor:     fgColor,
		},
		RowCursor: &TableRowStyle{
			Border:      RectBounds{0, 1, 1, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: math32.Color4{0.6, 0.6, 0.6, 1},
			BgColor:     math32.Color{0.75, 0.75, 0.75},
			FgColor:     fgColor,
		},
		RowSel: &TableRowStyle{
			Border:      RectBounds{0, 1, 1, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: math32.Color4{0.6, 0.6, 0.6, 1},
			BgColor:     math32.Color{0.70, 0.70, 0.70},
			FgColor:     fgColor,
		},
		Status: &TableStatusStyle{
			Border:      RectBounds{1, 0, 0, 0},
			Paddings:    RectBounds{2, 2, 2, 2},
			BorderColor: borderColor,
			BgColor:     math32.Color{0.9, 0.9, 0.9},
			FgColor:     fgColor,
		},
		Resizer: &TableResizerStyle{
			Width:       4,
			Border:      RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     math32.Color4{0.4, 0.4, 0.4, 0.6},
		},
	}

	// Button styles
	s.ImageButton = ImageButtonStyles{
		Normal: ImageButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4,
			FgColor:     fgColor,
		},
		Over: ImageButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
			FgColor:     fgColor,
		},
		Focus: ImageButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
			FgColor:     fgColor,
		},
		Pressed: ImageButtonStyle{
			Border:      RectBounds{2, 2, 2, 2},
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
			FgColor:     fgColor,
		},
		Disabled: ImageButtonStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{0, 0, 0, 0},
			BorderColor: borderColorDis,
			BgColor:     bgColor4,
			FgColor:     fgColorDis,
		},
	}

	// TabBar styles
	s.TabBar = TabBarStyles{
		SepHeight:          1,
		ListButtonIcon:     icon.MoreVert,
		ListButtonPaddings: RectBounds{2, 4, 0, 0},
		Normal: TabBarStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     math32.Color4{0.7, 0.7, 0.7, 1},
		},
		Over: TabBarStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4Over,
		},
		Focus: TabBarStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4,
		},
		Disabled: TabBarStyle{
			Border:      borderSizes,
			Paddings:    RectBounds{2, 0, 0, 0},
			BorderColor: borderColor,
			BgColor:     bgColor4,
		},
		Tab: TabStyles{
			IconPaddings:  RectBounds{2, 2, 0, 0},
			ImagePaddings: RectBounds{0, 2, 0, 0},
			IconClose:     icon.Clear,
			Normal: TabStyle{
				Margins:     RectBounds{0, 2, 0, 2},
				Border:      RectBounds{1, 1, 0, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor4,
				FgColor:     fgColor,
			},
			Over: TabStyle{
				Margins:     RectBounds{0, 2, 0, 2},
				Border:      RectBounds{1, 1, 0, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor4Over,
				FgColor:     fgColor,
			},
			Focus: TabStyle{
				Margins:     RectBounds{0, 2, 0, 2},
				Border:      RectBounds{1, 1, 0, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor4,
				FgColor:     fgColor,
			},
			Disabled: TabStyle{
				Margins:     RectBounds{0, 2, 0, 2},
				Border:      RectBounds{1, 1, 0, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     bgColor4,
				FgColor:     fgColor,
			},
			Selected: TabStyle{
				Margins:     RectBounds{0, 2, 0, 2},
				Border:      RectBounds{1, 1, 0, 1},
				Paddings:    RectBounds{2, 2, 2, 2},
				BorderColor: borderColor,
				BgColor:     math32.Color4{0.85, 0.85, 0.85, 1},
				FgColor:     fgColor,
			},
		},
	}
	return s
}