Compare commits

..

No commits in common. "046556cce3f6d79f47e8a599447d5def7601d966" and "157d617ffdfb9e40dfdd5b9018fbac433a7060c0" have entirely different histories.

22 changed files with 296 additions and 272 deletions

View File

@ -105,12 +105,10 @@ func (role ApplicationRole) Icon () tomo.Icon {
// RunApplication is like tomo.Run, but runs an application. If something fails // RunApplication is like tomo.Run, but runs an application. If something fails
// to initialize, an error is written to the standard logger. // to initialize, an error is written to the standard logger.
func RunApplication (application Application) { func RunApplication (application Application) {
err := registrar.RegisterBackend() err := registrar.Init()
if err != nil { log.Fatal("nasin: could not register backend:", err) } if err != nil { log.Fatal("nasin: could not init registry:", err) }
err = tomo.Run(func () { err = tomo.Run(func () {
err := registrar.SetTheme() err := application.Init()
if err != nil { log.Fatal("nasin: could not set theme:", err) }
err = application.Init()
if err != nil { log.Fatal("nasin: could not run application:", err) } if err != nil { log.Fatal("nasin: could not run application:", err) }
}) })
if err != nil { log.Fatal("nasin: could not run application:", err) } if err != nil { log.Fatal("nasin: could not run application:", err) }

2
go.mod
View File

@ -5,7 +5,7 @@ go 1.20
require ( require (
git.tebibyte.media/tomo/backend v0.3.0 git.tebibyte.media/tomo/backend v0.3.0
git.tebibyte.media/tomo/objects v0.17.0 git.tebibyte.media/tomo/objects v0.17.0
git.tebibyte.media/tomo/tomo v0.38.0 git.tebibyte.media/tomo/tomo v0.36.0
git.tebibyte.media/tomo/xdg v0.1.0 git.tebibyte.media/tomo/xdg v0.1.0
golang.org/x/image v0.11.0 golang.org/x/image v0.11.0
) )

4
go.sum
View File

@ -3,8 +3,8 @@ git.tebibyte.media/tomo/backend v0.3.0 h1:YFy826xA8I473aUsEpn3ZRACEMfnd5WB+1ZgV1
git.tebibyte.media/tomo/backend v0.3.0/go.mod h1:7FTMMVDlyNEMY+HwogG24kDsnREEIevya+0AjVRFyv0= git.tebibyte.media/tomo/backend v0.3.0/go.mod h1:7FTMMVDlyNEMY+HwogG24kDsnREEIevya+0AjVRFyv0=
git.tebibyte.media/tomo/objects v0.17.0 h1:MykZmSiRje/a4CfI3LcXPoUvJFYNHOGGAUAiWsRGONQ= git.tebibyte.media/tomo/objects v0.17.0 h1:MykZmSiRje/a4CfI3LcXPoUvJFYNHOGGAUAiWsRGONQ=
git.tebibyte.media/tomo/objects v0.17.0/go.mod h1:U1UeBk4bfA30q2MBrdVZeldITTjTp8hiyJnnrqPpcZs= git.tebibyte.media/tomo/objects v0.17.0/go.mod h1:U1UeBk4bfA30q2MBrdVZeldITTjTp8hiyJnnrqPpcZs=
git.tebibyte.media/tomo/tomo v0.38.0 h1:K5TP67RxnszudeNfmGZiU5cFTRjFueXiI3NCsgw+05U= git.tebibyte.media/tomo/tomo v0.36.0 h1:V9vyPYb4kpUceBhcDF/XyLDACzE5lY8kYEGHAkIsqs0=
git.tebibyte.media/tomo/tomo v0.38.0/go.mod h1:C9EzepS9wjkTJjnZaPBh22YvVPyA4hbBAJVU20Rdmps= git.tebibyte.media/tomo/tomo v0.36.0/go.mod h1:C9EzepS9wjkTJjnZaPBh22YvVPyA4hbBAJVU20Rdmps=
git.tebibyte.media/tomo/typeset v0.7.1 h1:aZrsHwCG5ZB4f5CruRFsxLv5ezJUCFUFsQJJso2sXQ8= git.tebibyte.media/tomo/typeset v0.7.1 h1:aZrsHwCG5ZB4f5CruRFsxLv5ezJUCFUFsQJJso2sXQ8=
git.tebibyte.media/tomo/typeset v0.7.1/go.mod h1:PwDpSdBF3l/EzoIsa2ME7QffVVajnTHZN6l3MHEGe1g= git.tebibyte.media/tomo/typeset v0.7.1/go.mod h1:PwDpSdBF3l/EzoIsa2ME7QffVVajnTHZN6l3MHEGe1g=
git.tebibyte.media/tomo/xdg v0.1.0 h1:6G2WYPPiM2IXleCpKKHuJA34BxumwNWuLsUoX3yu5zA= git.tebibyte.media/tomo/xdg v0.1.0 h1:6G2WYPPiM2IXleCpKKHuJA34BxumwNWuLsUoX3yu5zA=

View File

@ -3,41 +3,36 @@ package registrar
import "os" import "os"
import "log" import "log"
import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/backend/x" import "git.tebibyte.media/tomo/backend/x"
import "git.tebibyte.media/tomo/nasin/internal/style" import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/nasin/internal/icons/xdg" import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
import "git.tebibyte.media/tomo/nasin/internal/icons/fallback" import "git.tebibyte.media/tomo/nasin/internal/theme/icons/xdg"
import "git.tebibyte.media/tomo/nasin/internal/style/fallback" import "git.tebibyte.media/tomo/nasin/internal/theme/icons/fallback"
import "git.tebibyte.media/tomo/nasin/internal/style/aluminum" import "git.tebibyte.media/tomo/nasin/internal/theme/style/fallback"
import "git.tebibyte.media/tomo/nasin/internal/theme/style/aluminum"
func RegisterBackend () error { func Init () error {
tomo.Register(1, x.New) var theme *dataTheme.Theme
return nil
}
func SetTheme () error {
var styl *style.Style
// TODO eventually get rid of this when we make a file format for // TODO eventually get rid of this when we make a file format for
// storing visual styles // storing visual styles
if os.Getenv("TOMO_USE_ALUMINUM_STYLE") != "" { if os.Getenv("TOMO_USE_ALUMINUM_STYLE") != "" {
styl = aluminumStyle.New() theme = aluminumStyle.New()
} else { } else {
styl = fallbackStyle.New() theme = fallbackStyle.New()
} }
icons := fallbackIcons.New() theme.IconTheme = fallbackIcons.New()
iconThemeName := os.Getenv("TOMO_XDG_ICON_THEME") iconThemeName := os.Getenv("TOMO_XDG_ICON_THEME")
if iconThemeName != "" { if iconThemeName != "" {
xdgIconTheme, err := xdgIcons.FindThemeWarn(iconThemeName, icons) iconTheme, err := xdgIcons.FindThemeWarn(iconThemeName, theme.IconTheme)
if err == nil { if err == nil {
icons = xdgIconTheme theme.IconTheme = iconTheme
} else { } else {
log.Printf("nasin: could not load icon theme '%s': %v", iconThemeName, err) log.Printf("nasin: could not load icon theme '%s': %v", iconThemeName, err)
} }
} }
tomo.SetStyle(styl) tomo.SetTheme(theme)
tomo.SetIcons(icons) tomo.Register(1, x.New)
return nil return nil
} }

View File

@ -1,4 +1,4 @@
package style package theme
import "image" import "image"
import "image/color" import "image/color"

View File

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

View File

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -7,6 +7,7 @@ import _ "image/png"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/tomo/data" import "git.tebibyte.media/tomo/tomo/data"
import "git.tebibyte.media/tomo/tomo/canvas" import "git.tebibyte.media/tomo/tomo/canvas"
import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
//go:embed assets/icons-small.png //go:embed assets/icons-small.png
var atlasSmallBytes []byte var atlasSmallBytes []byte
@ -417,7 +418,7 @@ type iconTheme struct {
} }
// New creates a new fallback icon theme. // New creates a new fallback icon theme.
func New () tomo.Icons { func New () dataTheme.IconTheme {
return new(iconTheme) return new(iconTheme)
} }

View File

@ -11,16 +11,17 @@ import "git.tebibyte.media/tomo/tomo"
import xdgIconTheme "git.tebibyte.media/tomo/xdg/icon-theme" import xdgIconTheme "git.tebibyte.media/tomo/xdg/icon-theme"
import "git.tebibyte.media/tomo/tomo/data" import "git.tebibyte.media/tomo/tomo/data"
import "git.tebibyte.media/tomo/tomo/canvas" import "git.tebibyte.media/tomo/tomo/canvas"
import "git.tebibyte.media/tomo/nasin/internal/theme"
type iconTheme struct { type iconTheme struct {
xdg xdgIconTheme.Theme xdg xdgIconTheme.Theme
fallback tomo.Icons fallback theme.IconTheme
texturesSmall map[tomo.Icon] canvas.Texture texturesSmall map[tomo.Icon] canvas.Texture
texturesMedium map[tomo.Icon] canvas.Texture texturesMedium map[tomo.Icon] canvas.Texture
texturesLarge map[tomo.Icon] canvas.Texture texturesLarge map[tomo.Icon] canvas.Texture
} }
func FindThemeWarn (name string, fallback tomo.Icons, path ...string) (tomo.Icons, error) { func FindThemeWarn (name string, fallback theme.IconTheme, path ...string) (theme.IconTheme, error) {
this := &iconTheme { this := &iconTheme {
fallback: fallback, fallback: fallback,
texturesLarge: make(map[tomo.Icon] canvas.Texture), texturesLarge: make(map[tomo.Icon] canvas.Texture),

View File

@ -1,4 +1,4 @@
package style package theme
import "image" import "image"
import "image/color" import "image/color"

View File

@ -2,11 +2,11 @@ package aluminumStyle
import "image/color" import "image/color"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/nasin/internal/style" import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
// New returns Aluminum, a futuristic, bluish-white style. // New returns Aluminum, a futuristic, bluish-white style.
func New () *style.Style { func New () *dataTheme.Theme {
return &style.Style { return &dataTheme.Theme {
Colors: map[tomo.Color] color.Color { Colors: map[tomo.Color] color.Color {
tomo.ColorBackground: colorBackground, tomo.ColorBackground: colorBackground,
tomo.ColorForeground: colorForeground, tomo.ColorForeground: colorForeground,

View File

@ -3,7 +3,7 @@ package aluminumStyle
import "image/color" import "image/color"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "golang.org/x/image/font/basicfont" import "golang.org/x/image/font/basicfont"
import "git.tebibyte.media/tomo/nasin/internal/style" import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
func hex (color uint32) (c color.RGBA) { func hex (color uint32) (c color.RGBA) {
c.A = uint8(color) c.A = uint8(color)
@ -62,66 +62,66 @@ var borderTearPadFocused = border(0x7391c080, 0x7391c080, 0x7391c080, 0x7391c080
var borderInnerShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 1, 0, 0, 1) var borderInnerShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 1, 0, 0, 1)
var borderOuterShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 0, 1, 1, 0) var borderOuterShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 0, 1, 1, 0)
var rules = []style.Rule { var rules = []dataTheme.Rule {
// *.*[*] // *.*[*]
style.Rule { dataTheme.Rule {
Default: style.AS ( Default: dataTheme.AS (
style.AttrFace { Face: basicfont.Face7x13 }, dataTheme.AttrFace { Face: basicfont.Face7x13 },
style.AttrTextColor { Color: tomo.ColorForeground }, dataTheme.AttrTextColor { Color: tomo.ColorForeground },
style.AttrDotColor { Color: colorDot }, dataTheme.AttrDotColor { Color: colorDot },
style.AttrGap { X: 8, Y: 8 }, dataTheme.AttrGap { X: 8, Y: 8 },
), ),
}, },
// *.Button[*] // *.Button[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Button", ""), Role: tomo.R("", "Button", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderLifted, borderLifted,
}, },
style.AttrPadding(tomo.I(4, 8)), dataTheme.AttrPadding(tomo.I(4, 8)),
style.AttrColor { Color: tomo.ColorRaised }, dataTheme.AttrColor { Color: tomo.ColorRaised },
), ),
Pressed: style.AS ( Pressed: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrPadding(tomo.I(5, 8, 4, 9)), dataTheme.AttrPadding(tomo.I(5, 8, 4, 9)),
style.AttrColor { Color: colorRaisedPressed }, dataTheme.AttrColor { Color: colorRaisedPressed },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderLiftedFocused, borderLiftedFocused,
}, },
style.AttrPadding(tomo.I(4, 8)), dataTheme.AttrPadding(tomo.I(4, 8)),
style.AttrColor { Color: colorRaisedFocused }, dataTheme.AttrColor { Color: colorRaisedFocused },
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrColor { Color: colorRaisedHovered }, dataTheme.AttrColor { Color: colorRaisedHovered },
), ),
}, },
// *.TextInput[*] // *.TextInput[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TextInput", ""), Role: tomo.R("", "TextInput", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(5, 4, 4, 5)), dataTheme.AttrPadding(tomo.I(5, 4, 4, 5)),
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderFocused, borderFocused,
borderInnerShadow, borderInnerShadow,
@ -130,206 +130,206 @@ var rules = []style.Rule {
}, },
// *.TextView[*] // *.TextView[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TextView", ""), Role: tomo.R("", "TextView", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.NumberInput[*] // *.NumberInput[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "NumberInput", ""), Role: tomo.R("", "NumberInput", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrGap { }, dataTheme.AttrGap { },
), ),
}, },
// *.Container[sunken] // *.Container[sunken]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "sunken"), Role: tomo.R("", "Container", "sunken"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.Container[outer] // *.Container[outer]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "outer"), Role: tomo.R("", "Container", "outer"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrColor { Color: tomo.ColorBackground }, dataTheme.AttrColor { Color: tomo.ColorBackground },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.Container[menu] // *.Container[menu]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "menu"), Role: tomo.R("", "Container", "menu"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderGap, borderGap,
borderLifted, borderLifted,
}, },
style.AttrColor { Color: tomo.ColorBackground }, dataTheme.AttrColor { Color: tomo.ColorBackground },
style.AttrGap { }, dataTheme.AttrGap { },
), ),
}, },
// *.Heading[*] // *.Heading[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Heading", ""), Role: tomo.R("", "Heading", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle }, dataTheme.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle },
), ),
}, },
// *.Separator[*] // *.Separator[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Separator", ""), Role: tomo.R("", "Separator", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
}, },
), ),
}, },
// *.Slider[*] // *.Slider[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", ""), Role: tomo.R("", "Slider", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrColor { Color: colorGutter }, dataTheme.AttrColor { Color: colorGutter },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderFocused, borderFocused,
borderInnerShadow, borderInnerShadow,
}, },
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrColor { Color: colorGutterHovered }, dataTheme.AttrColor { Color: colorGutterHovered },
), ),
}, },
// *.Slider[horizontal] // *.Slider[horizontal]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", "horizontal"), Role: tomo.R("", "Slider", "horizontal"),
Default: style.AS(style.AttrMinimumSize { X: 48 }), Default: dataTheme.AS(dataTheme.AttrMinimumSize { X: 48 }),
}, },
// *.Slider[vertical] // *.Slider[vertical]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", "vertical"), Role: tomo.R("", "Slider", "vertical"),
Default: style.AS(style.AttrMinimumSize { Y: 48 }), Default: dataTheme.AS(dataTheme.AttrMinimumSize { Y: 48 }),
}, },
// *.SliderHandle[*] // *.SliderHandle[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "SliderHandle", ""), Role: tomo.R("", "SliderHandle", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderOuterShadow, borderOuterShadow,
borderGap, borderGap,
borderLifted, borderLifted,
}, },
style.AttrColor { Color: tomo.ColorRaised }, dataTheme.AttrColor { Color: tomo.ColorRaised },
style.AttrMinimumSize { X: 12, Y: 12, }, dataTheme.AttrMinimumSize { X: 12, Y: 12, },
), ),
}, },
// *.Checkbox[*] // *.Checkbox[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Checkbox", ""), Role: tomo.R("", "Checkbox", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderGap, borderGap,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(0, 1, 1, 0)), dataTheme.AttrPadding(tomo.I(0, 1, 1, 0)),
style.AttrMinimumSize { X: 19, Y: 19 }, dataTheme.AttrMinimumSize { X: 19, Y: 19 },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderEngraved, borderEngraved,
borderFocused, borderFocused,
borderInnerShadow, borderInnerShadow,
}, },
style.AttrPadding(tomo.I(0)), dataTheme.AttrPadding(tomo.I(0)),
style.AttrColor { Color: colorSunkenFocused }, dataTheme.AttrColor { Color: colorSunkenFocused },
), ),
}, },
// *.LabelCheckbox[*] // *.LabelCheckbox[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "LabelCheckbox", ""), Role: tomo.R("", "LabelCheckbox", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrGap { X: 8, Y: 8 }, dataTheme.AttrGap { X: 8, Y: 8 },
), ),
}, },
// *.MenuItem[*] // *.MenuItem[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "MenuItem", ""), Role: tomo.R("", "MenuItem", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrPadding(tomo.I(4)), dataTheme.AttrPadding(tomo.I(4)),
style.AttrGap { X: 4, Y: 4 }, dataTheme.AttrGap { X: 4, Y: 4 },
style.AttrColor { Color: color.Transparent }, dataTheme.AttrColor { Color: color.Transparent },
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrColor { Color: colorDot }, dataTheme.AttrColor { Color: colorDot },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrColor { Color: colorDot }, dataTheme.AttrColor { Color: colorDot },
), ),
}, },
// *.File[*] // *.File[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "File", ""), Role: tomo.R("", "File", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrColor { Color: color.Transparent }, dataTheme.AttrColor { Color: color.Transparent },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrColor { Color: colorDot }, dataTheme.AttrColor { Color: colorDot },
), ),
}, },
// *.TearLine[*] // *.TearLine[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TearLine", ""), Role: tomo.R("", "TearLine", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderTearPad, borderTearPad,
borderTear, borderTear,
}, },
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderTearPadFocused, borderTearPadFocused,
borderTearFocused, borderTearFocused,
}, },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
borderTearPadFocused, borderTearPadFocused,
borderTearFocused, borderTearFocused,
}, },

View File

@ -3,7 +3,7 @@ package fallbackStyle
import "image/color" import "image/color"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "golang.org/x/image/font/basicfont" import "golang.org/x/image/font/basicfont"
import "git.tebibyte.media/tomo/nasin/internal/style" import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
var colorFocus = color.RGBA { R: 61, G: 128, B: 143, A: 255 } var colorFocus = color.RGBA { R: 61, G: 128, B: 143, A: 255 }
var colorInput = color.RGBA { R: 208, G: 203, B: 150, A: 255 } var colorInput = color.RGBA { R: 208, G: 203, B: 150, A: 255 }
@ -32,70 +32,70 @@ var borderColorLifted = [4]color.Color { colorHighlight, colorShadow, col
var borderColorInput = [4]color.Color { colorInputShadow, colorInput, colorInput, colorInputShadow } var borderColorInput = [4]color.Color { colorInputShadow, colorInput, colorInput, colorInputShadow }
var borderColorFocused = [4]color.Color { colorFocus, colorFocus, colorFocus, colorFocus } var borderColorFocused = [4]color.Color { colorFocus, colorFocus, colorFocus, colorFocus }
var rules = []style.Rule { var rules = []dataTheme.Rule {
// *.*[*] // *.*[*]
style.Rule { dataTheme.Rule {
Default: style.AS ( Default: dataTheme.AS (
style.AttrFace { Face: basicfont.Face7x13 }, dataTheme.AttrFace { Face: basicfont.Face7x13 },
style.AttrTextColor { Color: tomo.ColorForeground }, dataTheme.AttrTextColor { Color: tomo.ColorForeground },
style.AttrDotColor { Color: tomo.ColorAccent }, dataTheme.AttrDotColor { Color: tomo.ColorAccent },
style.AttrGap { X: 8, Y: 8 }, dataTheme.AttrGap { X: 8, Y: 8 },
), ),
}, },
// *.Button[*] // *.Button[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Button", ""), Role: tomo.R("", "Button", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorLifted, Color: borderColorLifted,
}, },
}, },
style.AttrPadding(tomo.I(4, 8)), dataTheme.AttrPadding(tomo.I(4, 8)),
style.AttrColor { Color: tomo.ColorRaised }, dataTheme.AttrColor { Color: tomo.ColorRaised },
), ),
Pressed: style.AS ( Pressed: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1, 0, 0, 1), Width: tomo.I(1, 0, 0, 1),
Color: borderColorEngraved, Color: borderColorEngraved,
}, },
}, },
style.AttrPadding(tomo.I(5, 8, 4, 9)), dataTheme.AttrPadding(tomo.I(5, 8, 4, 9)),
style.AttrColor { Color: colorCarvedPressed }, dataTheme.AttrColor { Color: colorCarvedPressed },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorFocused, Color: borderColorFocused,
}, },
}, },
style.AttrPadding(tomo.I(4, 8)), dataTheme.AttrPadding(tomo.I(4, 8)),
), ),
}, },
// *.TextInput[*] // *.TextInput[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TextInput", ""), Role: tomo.R("", "TextInput", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorInput, Color: borderColorInput,
}, },
}, },
style.AttrColor { Color: colorInput }, dataTheme.AttrColor { Color: colorInput },
style.AttrPadding(tomo.I(5, 4, 4, 5)), dataTheme.AttrPadding(tomo.I(5, 4, 4, 5)),
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
@ -106,83 +106,83 @@ var rules = []style.Rule {
}, },
// *.TextView[*] // *.TextView[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TextView", ""), Role: tomo.R("", "TextView", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1, 0, 0, 1), Width: tomo.I(1, 0, 0, 1),
Color: borderColorEngraved, Color: borderColorEngraved,
}, },
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.NumberInput[*] // *.NumberInput[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "NumberInput", ""), Role: tomo.R("", "NumberInput", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrGap { }, dataTheme.AttrGap { },
), ),
}, },
// *.Container[sunken] // *.Container[sunken]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "sunken"), Role: tomo.R("", "Container", "sunken"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1, 0, 0, 1), Width: tomo.I(1, 0, 0, 1),
Color: borderColorEngraved, Color: borderColorEngraved,
}, },
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.Container[outer] // *.Container[outer]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "outer"), Role: tomo.R("", "Container", "outer"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrColor { Color: tomo.ColorBackground }, dataTheme.AttrColor { Color: tomo.ColorBackground },
style.AttrPadding(tomo.I(8)), dataTheme.AttrPadding(tomo.I(8)),
), ),
}, },
// *.Container[menu] // *.Container[menu]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Container", "menu"), Role: tomo.R("", "Container", "menu"),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorLifted, Color: borderColorLifted,
}, },
}, },
style.AttrColor { Color: tomo.ColorBackground }, dataTheme.AttrColor { Color: tomo.ColorBackground },
style.AttrGap { }, dataTheme.AttrGap { },
), ),
}, },
// *.Heading[*] // *.Heading[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Heading", ""), Role: tomo.R("", "Heading", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle }, dataTheme.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle },
), ),
}, },
// *.Separator[*] // *.Separator[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Separator", ""), Role: tomo.R("", "Separator", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorEngraved, Color: borderColorEngraved,
@ -192,126 +192,126 @@ var rules = []style.Rule {
}, },
// *.Slider[*] // *.Slider[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", ""), Role: tomo.R("", "Slider", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1, 0, 0, 1), Width: tomo.I(1, 0, 0, 1),
Color: borderColorEngraved, Color: borderColorEngraved,
}, },
}, },
style.AttrColor { Color: colorGutter }, dataTheme.AttrColor { Color: colorGutter },
style.AttrPadding(tomo.I(0, 1, 1, 0)), dataTheme.AttrPadding(tomo.I(0, 1, 1, 0)),
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorFocused, Color: borderColorFocused,
}, },
}, },
style.AttrPadding(tomo.I(0)), dataTheme.AttrPadding(tomo.I(0)),
), ),
}, },
// *.Slider[horizontal] // *.Slider[horizontal]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", "horizontal"), Role: tomo.R("", "Slider", "horizontal"),
Default: style.AS(style.AttrMinimumSize { X: 48 }), Default: dataTheme.AS(dataTheme.AttrMinimumSize { X: 48 }),
}, },
// *.Slider[vertical] // *.Slider[vertical]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Slider", "vertical"), Role: tomo.R("", "Slider", "vertical"),
Default: style.AS(style.AttrMinimumSize { Y: 48 }), Default: dataTheme.AS(dataTheme.AttrMinimumSize { Y: 48 }),
}, },
// *.SliderHandle[*] // *.SliderHandle[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "SliderHandle", ""), Role: tomo.R("", "SliderHandle", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorLifted, Color: borderColorLifted,
}, },
}, },
style.AttrColor { Color: tomo.ColorRaised }, dataTheme.AttrColor { Color: tomo.ColorRaised },
style.AttrMinimumSize { X: 12, Y: 12, }, dataTheme.AttrMinimumSize { X: 12, Y: 12, },
), ),
}, },
// *.Checkbox[*] // *.Checkbox[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "Checkbox", ""), Role: tomo.R("", "Checkbox", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1, 0, 0, 1), Width: tomo.I(1, 0, 0, 1),
Color: borderColorEngraved, Color: borderColorEngraved,
}, },
}, },
style.AttrColor { Color: tomo.ColorSunken }, dataTheme.AttrColor { Color: tomo.ColorSunken },
style.AttrPadding(tomo.I(0, 1, 1, 0)), dataTheme.AttrPadding(tomo.I(0, 1, 1, 0)),
style.AttrMinimumSize { X: 19, Y: 19 }, dataTheme.AttrMinimumSize { X: 19, Y: 19 },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
outline, outline,
tomo.Border { tomo.Border {
Width: tomo.I(1), Width: tomo.I(1),
Color: borderColorFocused, Color: borderColorFocused,
}, },
}, },
style.AttrPadding(tomo.I(0)), dataTheme.AttrPadding(tomo.I(0)),
), ),
}, },
// *.LabelCheckbox[*] // *.LabelCheckbox[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "LabelCheckbox", ""), Role: tomo.R("", "LabelCheckbox", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrGap { X: 8, Y: 8 }, dataTheme.AttrGap { X: 8, Y: 8 },
), ),
}, },
// *.MenuItem[*] // *.MenuItem[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "MenuItem", ""), Role: tomo.R("", "MenuItem", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrPadding(tomo.I(4)), dataTheme.AttrPadding(tomo.I(4)),
style.AttrGap { X: 4, Y: 4 }, dataTheme.AttrGap { X: 4, Y: 4 },
style.AttrColor { Color: color.Transparent }, dataTheme.AttrColor { Color: color.Transparent },
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrColor { Color: tomo.ColorAccent }, dataTheme.AttrColor { Color: tomo.ColorAccent },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrColor { Color: tomo.ColorAccent }, dataTheme.AttrColor { Color: tomo.ColorAccent },
), ),
}, },
// *.File[*] // *.File[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "File", ""), Role: tomo.R("", "File", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrColor { Color: color.Transparent }, dataTheme.AttrColor { Color: color.Transparent },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrColor { Color: tomo.ColorAccent }, dataTheme.AttrColor { Color: tomo.ColorAccent },
), ),
}, },
// *.TearLine[*] // *.TearLine[*]
style.Rule { dataTheme.Rule {
Role: tomo.R("", "TearLine", ""), Role: tomo.R("", "TearLine", ""),
Default: style.AS ( Default: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
tomo.Border { tomo.Border {
Width: tomo.I(3), Width: tomo.I(3),
Color: [4]color.Color { Color: [4]color.Color {
@ -322,19 +322,19 @@ var rules = []style.Rule {
}, },
}, },
}, },
style.AttrColor { Color: tomo.ColorForeground }, dataTheme.AttrColor { Color: tomo.ColorForeground },
style.AttrPadding(tomo.I(1, 0, 0, 1)), dataTheme.AttrPadding(tomo.I(1, 0, 0, 1)),
), ),
Hovered: style.AS ( Hovered: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
tomo.Border { tomo.Border {
Width: tomo.I(3), Width: tomo.I(3),
Color: borderColorFocused, Color: borderColorFocused,
}, },
}, },
), ),
Focused: style.AS ( Focused: dataTheme.AS (
style.AttrBorder { dataTheme.AttrBorder {
tomo.Border { tomo.Border {
Width: tomo.I(3), Width: tomo.I(3),
Color: borderColorFocused, Color: borderColorFocused,

View File

@ -2,12 +2,12 @@ package fallbackStyle
import "image/color" import "image/color"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/nasin/internal/style" import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme"
// New returns Wintergreen, the default Tomo style. It is neutral-gray with // New returns Wintergreen, the default Tomo tomo. It is neutral-gray with green
// green and turquoise accents. // and turquoise accents.
func New () *style.Style { func New () *dataTheme.Theme {
return &style.Style { return &dataTheme.Theme {
Colors: map[tomo.Color] color.Color { Colors: map[tomo.Color] color.Color {
tomo.ColorBackground: colorBackground, tomo.ColorBackground: colorBackground,
tomo.ColorForeground: colorForeground, tomo.ColorForeground: colorForeground,

View File

@ -1,17 +1,18 @@
// Package style provides a data-driven style implementation. // Package theme provides a data-driven theme implementation.
package style package theme
import "image" import "image"
import "image/color" import "image/color"
import "git.tebibyte.media/tomo/tomo" import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/tomo/data"
import "git.tebibyte.media/tomo/tomo/event" import "git.tebibyte.media/tomo/tomo/event"
import "git.tebibyte.media/tomo/tomo/input" import "git.tebibyte.media/tomo/tomo/input"
import "git.tebibyte.media/tomo/tomo/canvas" import "git.tebibyte.media/tomo/tomo/canvas"
// this is CSS's bastard child // this is CSS's bastard child
// Style allows the use of data to define a visual style. // Theme allows the use of data to define a visual style.
type Style struct { type Theme struct {
// Textures maps texture names to image textures. // Textures maps texture names to image textures.
Textures map[string] image.Image Textures map[string] image.Image
textures map[string] canvas.TextureCloser // private texture cache textures map[string] canvas.TextureCloser // private texture cache
@ -22,6 +23,18 @@ type Style struct {
// Colors maps tomo.Color values to color.RGBA values. // Colors maps tomo.Color values to color.RGBA values.
Colors map[tomo.Color] color.Color Colors map[tomo.Color] color.Color
// This type does not handle icons, and as such, a special icon theme
// must be separately specified.
IconTheme
}
// IconTheme implements the part of tomo.Theme that handles icons.
type IconTheme interface {
// Icon returns a texture of the corresponding icon ID.
Icon (tomo.Icon, tomo.IconSize) canvas.Texture
// MimeIcon returns an icon corresponding to a MIME type.
MimeIcon (data.Mime, tomo.IconSize) canvas.Texture
} }
// Rule describes under what circumstances should certain style attributes be // Rule describes under what circumstances should certain style attributes be
@ -83,7 +96,7 @@ func (this *AttrSet) ensure () {
if this.set == nil { this.set = make(map[int] Attr) } if this.set == nil { this.set = make(map[int] Attr) }
} }
func (this *Style) execute (object tomo.Object, set AttrSet) { func (this *Theme) execute (object tomo.Object, set AttrSet) {
box := object.GetBox() box := object.GetBox()
for _, attr := range set.set { for _, attr := range set.set {
@ -124,7 +137,7 @@ func (this *Style) execute (object tomo.Object, set AttrSet) {
} }
} }
func (this *Style) texture (name string) canvas.Texture { func (this *Theme) texture (name string) canvas.Texture {
this.ensureTextureCache() this.ensureTextureCache()
if texture, ok := this.textures[name]; ok { if texture, ok := this.textures[name]; ok {
return texture return texture
@ -139,19 +152,19 @@ func (this *Style) texture (name string) canvas.Texture {
return this.missingTexture() return this.missingTexture()
} }
func (this *Style) missingTexture () canvas.Texture { func (this *Theme) missingTexture () canvas.Texture {
if this.missing == nil { if this.missing == nil {
this.missing = tomo.NewTexture(missingTexture(16)) this.missing = tomo.NewTexture(missingTexture(16))
} }
return this.missing return this.missing
} }
func (this *Style) ensureTextureCache () { func (this *Theme) ensureTextureCache () {
if this.textures == nil { this.textures = make(map[string] canvas.TextureCloser) } if this.textures == nil { this.textures = make(map[string] canvas.TextureCloser) }
} }
// setsFor builds flattened attr sets for a specific role based on the rules list // setsFor builds flattened attr sets for a specific role based on the rules list
func (this *Style) setsFor (role tomo.Role) (defaul, hovered, pressed, focused AttrSet) { func (this *Theme) setsFor (role tomo.Role) (defaul, hovered, pressed, focused AttrSet) {
for _, current := range this.Rules { for _, current := range this.Rules {
// check for a match // check for a match
packageMatch := current.Role.Package == role.Package || current.Role.Package == "" packageMatch := current.Role.Package == role.Package || current.Role.Package == ""
@ -173,7 +186,7 @@ func (this *Style) setsFor (role tomo.Role) (defaul, hovered, pressed, focused A
return defaul, hovered, pressed, focused return defaul, hovered, pressed, focused
} }
func (this *Style) Apply (object tomo.Object) event.Cookie { func (this *Theme) Apply (object tomo.Object) event.Cookie {
pressed := false pressed := false
hovered := false hovered := false
box := object.GetBox() box := object.GetBox()
@ -219,16 +232,32 @@ func (this *Style) Apply (object tomo.Object) event.Cookie {
} }
func (this *Style) RGBA (c tomo.Color) (r, g, b, a uint32) { func (this *Theme) RGBA (c tomo.Color) (r, g, b, a uint32) {
if this.Colors == nil { return 0xFFFF, 0, 0xFFFF, 0xFFFF } if this.Colors == nil { return 0xFFFF, 0, 0xFFFF, 0xFFFF }
color, ok := this.Colors[c] color, ok := this.Colors[c]
if !ok { return 0xFFFF, 0, 0xFFFF, 0xFFFF } if !ok { return 0xFFFF, 0, 0xFFFF, 0xFFFF }
return color.RGBA() return color.RGBA()
} }
// Close closes all cached textures this style has open. Do not call this while func (this *Theme) Icon (icon tomo.Icon, size tomo.IconSize) canvas.Texture {
// the style is in use. if this.IconTheme == nil {
func (this *Style) Close () error { return this.missingTexture()
} else {
return this.IconTheme.Icon(icon, size)
}
}
func (this *Theme) MimeIcon (mime data.Mime, size tomo.IconSize) canvas.Texture {
if this.IconTheme == nil {
return this.missingTexture()
} else {
return this.IconTheme.MimeIcon(mime, size)
}
}
// Close closes all cached textures this theme has open. Do not call this while
// the theme is in use.
func (this *Theme) Close () error {
this.missing.Close() this.missing.Close()
this.missing = nil this.missing = nil
for _, texture := range this.textures { for _, texture := range this.textures {