nasin/internal/theme/style/aluminum/style.go

package aluminumStyle

import "image/color"
import "git.tebibyte.media/tomo/tomo"
import "golang.org/x/image/font/basicfont"
import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"

func hex (color uint32) (c color.RGBA) {
	c.A = uint8(color)
	c.B = uint8(color >>  8)
	c.G = uint8(color >> 16)
	c.R = uint8(color >> 24)
	return
}

func border (top, right, bottom, left uint32, width ...int) tomo.Border {
	return tomo.Border {
		Width: tomo.I(width...),
		Color: [4]color.Color {
			hex(top),    hex(right),
			hex(bottom), hex(left),
		},
	}
}

var colorDot           = hex(0x7391c080)
var colorFocus         = hex(0x5f8bc4FF)
var colorHighlight     = hex(0x5f8bc4FF)
var colorBackground    = hex(0xd4d4d4FF)
var colorForeground    = color.Black

var colorOutline       = color.Black
var colorGutter        = hex(0xbfc6d1FF)
var colorGutterHovered = hex(0xc5cbd6FF)
var colorRaised        = hex(0xe9eaeaFF)
var colorRaisedPressed = hex(0xccd4ddFF)
var colorRaisedFocused = hex(0xcfd6ddFF)
var colorRaisedHovered = hex(0xf1f3f5FF)
var colorSunken        = hex(0xe9eaeaFF)
var colorSunkenFocused = hex(0xe0e6eeFF)
var colorSunkenPressed = hex(0xe0e6eeFF)

var outline = tomo.Border {
	Width: tomo.I(1),
	Color: [4]color.Color {
		colorOutline,
		colorOutline,
		colorOutline,
		colorOutline,
	},
}

var borderEngraved      = border(0xc3c3c5FF, 0xe3e3e3FF, 0xe9e9e9ff, 0xc2c2c2ff, 1)
var borderGap           = border(0x697c7cFF, 0x566767FF, 0x566767ff, 0x697c7cff, 1)
var borderLifted        = border(0xf9fafcFF, 0xc2c8d3FF, 0xa4afc0ff, 0xf5f6f8ff, 1)
var borderLiftedFocused = border(0xf0f4f9FF, 0xb1bacaFF, 0x9aa6b7ff, 0xe4e9eeff, 1)
var borderFocused       = border(0x5f8bc4FF, 0x5f8bc4FF, 0x5f8bc4ff, 0x5f8bc4ff, 1)
var borderInnerShadow   = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 1, 0, 0, 1)
var borderOuterShadow   = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 0, 1, 1, 0)

var rules = []dataTheme.Rule {
	// *.*[*]
	dataTheme.Rule {
		Default: dataTheme.AS (
			dataTheme.AttrFace      { Face:  basicfont.Face7x13    },
			dataTheme.AttrTextColor { Color: tomo.ColorForeground  },
			dataTheme.AttrDotColor  { Color: colorDot              },
			dataTheme.AttrGap       { X: 8, Y: 8                   },
		),
	},

	// *.Button[*]
	dataTheme.Rule {
		Role: tomo.R("", "Button", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderLifted,
			},
			dataTheme.AttrPadding(tomo.I(4, 8)),
			dataTheme.AttrColor { Color: tomo.ColorRaised },
		),
		Pressed: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrPadding(tomo.I(5, 8, 4, 9)),
			dataTheme.AttrColor { Color: colorRaisedPressed },
		),
		Focused: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderLiftedFocused,
			},
			dataTheme.AttrPadding(tomo.I(4, 8)),
			dataTheme.AttrColor { Color: colorRaisedFocused },
		),
		Hovered: dataTheme.AS (
			dataTheme.AttrColor { Color: colorRaisedHovered },
		),
	},

	// *.TextInput[*]
	dataTheme.Rule {
		Role: tomo.R("", "TextInput", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrColor { Color: tomo.ColorSunken },
			dataTheme.AttrPadding(tomo.I(5, 4, 4, 5)),
		),
		Focused: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderFocused,
				borderInnerShadow,
			},
		),
	},

	// *.TextView[*]
	dataTheme.Rule {
		Role: tomo.R("", "TextView", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrColor { Color: tomo.ColorSunken },
			dataTheme.AttrPadding(tomo.I(8)),
		),
	},
	
	// *.NumberInput[*]
	dataTheme.Rule {
		Role: tomo.R("", "NumberInput", ""),
		Default: dataTheme.AS (
			dataTheme.AttrGap { },
		),
	},

	// *.Container[sunken]
	dataTheme.Rule {
		Role: tomo.R("", "Container", "sunken"),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrColor { Color: tomo.ColorSunken },
			dataTheme.AttrPadding(tomo.I(8)),
		),
	},

	// *.Container[outer]
	dataTheme.Rule {
		Role: tomo.R("", "Container", "outer"),
		Default: dataTheme.AS (
			dataTheme.AttrColor { Color: tomo.ColorBackground },
			dataTheme.AttrPadding(tomo.I(8)),
		),
	},

	// *.Container[menu]
	dataTheme.Rule {
		Role: tomo.R("", "Container", "menu"),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderGap,
				borderLifted,
			},
			dataTheme.AttrColor { Color: tomo.ColorBackground },
			dataTheme.AttrGap { },
		),
	},

	// *.Heading[*]
	dataTheme.Rule {
		Role: tomo.R("", "Heading", ""),
		Default: dataTheme.AS (
			dataTheme.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle },
		),
	},

	// *.Separator[*]
	dataTheme.Rule {
		Role: tomo.R("", "Separator", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
			},
		),
	},

	// *.Slider[*]
	dataTheme.Rule {
		Role: tomo.R("", "Slider", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrColor { Color: colorGutter },
		),
		Focused: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderFocused,
				borderInnerShadow,
			},
		),
		Hovered: dataTheme.AS (
			dataTheme.AttrColor { Color: colorGutterHovered },
		),
	},
	
	// *.Slider[horizontal]
	dataTheme.Rule {
		Role: tomo.R("", "Slider", "horizontal"),
		Default: dataTheme.AS(dataTheme.AttrMinimumSize { X: 48 }),
	},
	
	// *.Slider[vertical]
	dataTheme.Rule {
		Role: tomo.R("", "Slider", "vertical"),
		Default: dataTheme.AS(dataTheme.AttrMinimumSize { Y: 48 }),
	},

	// *.SliderHandle[*]
	dataTheme.Rule {
		Role: tomo.R("", "SliderHandle", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderOuterShadow,
				borderGap,
				borderLifted,
			},
			dataTheme.AttrColor { Color: tomo.ColorRaised },
			dataTheme.AttrMinimumSize { X: 12, Y: 12, },
		),
	},

	// *.Checkbox[*]
	dataTheme.Rule {
		Role: tomo.R("", "Checkbox", ""),
		Default: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderGap,
				borderInnerShadow,
			},
			dataTheme.AttrColor { Color: tomo.ColorSunken },
			dataTheme.AttrPadding(tomo.I(0, 1, 1, 0)),
			dataTheme.AttrMinimumSize { X: 19, Y: 19 },
		),
		Focused: dataTheme.AS (
			dataTheme.AttrBorder {
				borderEngraved,
				borderFocused,
				borderInnerShadow,
			},
			dataTheme.AttrPadding(tomo.I(0)),
			dataTheme.AttrColor { Color: colorSunkenFocused },
		),
	},

	// *.LabelCheckbox[*]
	dataTheme.Rule {
		Role: tomo.R("", "LabelCheckbox", ""),
		Default: dataTheme.AS (
			dataTheme.AttrGap { X: 8, Y: 8 },
		),
	},

	// *.MenuItem[*]
	dataTheme.Rule {
		Role: tomo.R("", "MenuItem", ""),
		Default: dataTheme.AS (
			dataTheme.AttrPadding(tomo.I(4)),
			dataTheme.AttrGap { X: 4, Y: 4 },
			dataTheme.AttrColor { Color: color.Transparent },
		),
		Hovered: dataTheme.AS (
			dataTheme.AttrColor { Color: colorDot },
		),
		Focused: dataTheme.AS (
			dataTheme.AttrColor { Color: colorDot },
		),
	},

	// *.File[*]
	dataTheme.Rule {
		Role: tomo.R("", "File", ""),
		Default: dataTheme.AS (
			dataTheme.AttrColor { Color: color.Transparent },
		),
		Focused: dataTheme.AS (
			dataTheme.AttrColor { Color: colorDot },
		),
	},
}