From 4f96ca51c2863d89f4f3f3e67aea1628bb1384f7 Mon Sep 17 00:00:00 2001
From: Sasha Koshka <sashakoshka@tebibyte.media>
Date: Sat, 27 Jul 2024 21:36:00 -0400
Subject: [PATCH] Style tweaks

---
 internal/registrar/registrar_unix.go     |   2 +-
 internal/style/fallback/assets/atlas.png | Bin 0 -> 409 bytes
 internal/style/fallback/assets/atlas.xcf | Bin 0 -> 1954 bytes
 internal/style/fallback/style.go         | 497 ---------------------
 internal/style/fallback/wintergreen.go   | 534 ++++++++++++++++++++++-
 5 files changed, 533 insertions(+), 500 deletions(-)
 create mode 100644 internal/style/fallback/assets/atlas.png
 create mode 100644 internal/style/fallback/assets/atlas.xcf
 delete mode 100644 internal/style/fallback/style.go

diff --git a/internal/registrar/registrar_unix.go b/internal/registrar/registrar_unix.go
index 7347f4a..e3adceb 100644
--- a/internal/registrar/registrar_unix.go
+++ b/internal/registrar/registrar_unix.go
@@ -23,7 +23,7 @@ func SetTheme () error {
 	// if os.Getenv("TOMO_USE_ALUMINUM_STYLE") != "" {
 		// styl = aluminumStyle.New()
 	// } else {
-		styl = fallbackStyle.New()
+		styl, _ = fallbackStyle.New()
 	// }
 	icons := fallbackIcons.New()
 	
diff --git a/internal/style/fallback/assets/atlas.png b/internal/style/fallback/assets/atlas.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae439c27847c1f1f8ebce4c1e8bba71be45febc8
GIT binary patch
literal 409
zcmV;K0cQS*P)<h;3K|Lk000e1NJLTq001BW000mO1^@s6cL04^0004CNkl<ZNXPAz
zv1)`s5Qcx3yFz6eSx%5UEbhh9q{z$U1wtOpLKMMcu^H4t&=h9(Hg_5|mnM*D1YP-N
z{{NqKu)c=Rr(?f-eS0666}YKEo)02<_oKV-k>nYoFh)_PI3G`Vd3tsLKs*B1MI=F<
z4{mC>`yNG^f?2`c_W*#l6F47Fcks0hd<!qi6h)bWNFoYjT&fCD7#pxY({=(;7=M8S
z!0r(^00X-%Zfax4+?gc>7U8x6+G}oVFe?Mq-vEGFt!`l05Kcs43}$5{KLmlvg5Bs;
zKz9q1I!kc!d=td0+`aL93}QcPgRmgOPo}qJ))FUqX0{;7GbDL7Yr)Q%bhv>#Yv4rE
zOiv`u>JdpK`M7r4nkfs!R^Xfhdg8Vd<DFnl%d94+p9-O~wHbZ65J_CB3e4)Ni0328
zGaQ1zY{#4hctnY|6JyG)tJt<ft1@N5Z`6SQ`pfkJl?SbUNq%FK00000NkvXXu0mjf
DF>I}6

literal 0
HcmV?d00001

diff --git a/internal/style/fallback/assets/atlas.xcf b/internal/style/fallback/assets/atlas.xcf
new file mode 100644
index 0000000000000000000000000000000000000000..bb7c3d587cb108a5956703981b7324df782e22e4
GIT binary patch
literal 1954
zcmds1%Wl&^6dgNm(l(7!D6m3ecuDOdQu75!bb*jS>Mx{uHKI+bWD4!Z#gaGP%n~m~
zmMpd)Hi)0#Gx&n2Y|=)RIcMTXuEY<(L}%`qd(XXduj{%$I6jeQ?VfzU+iVIf32c&J
zeFE+Pj)QFrSlxq*z`6%`z$4&6&Z)Z({03@$ly0;~$H(2F!dWnQcW>NnscuJp7^p+}
z>h;@wMmDW<aNO#58~yR1Lm$;&w<qfSs4FL<qd{k9eY@9hkB&xTxou5j+&^f^UHfb9
zAbjwba8ueJ!)KF|R(mk)%jPal=eJJzp>aAKC^;Cm54#g)jC#FES4pcc@CCgsX3vG?
zj2DNMF9qk4N)SF{&RE-TP540Gw9dOW$Ay!t4Dk78z+>_kAF<<a0MO6mwVcC<Ck6hn
zz}E|07I?M5HwwH~;B|1`w_Ftv-p%^Ya}Fb(k!M)2PYZncj+EdlEcc>tkl=h6tc&HE
zg|)lHp1+Ll_ocroW;##-;pyvGX%(vt;pl0gG@P*tVy$Bp2Q}d+M-wxswMMuuD*7hS
z$^&!MC1eU%#Dcn*D(Ea?Mif+8;OZ<W=_?imAi_NXp>Y#b$gAkN?Zai5ZVQOwAfQXd
zYz$dU#C>%!Lv_?ps6LO`-GvARCNnzJglDeP(1dA-$;?!T2F^6psWEAoYD^Y7hL}NZ
z48mx_+-MVeU`}`mSqLm*Y$1fsB4s3mD$}mXbje(?D8SaCAPjDT3V9VXw|%$_(`^A!
zsx@6<%EpkzMBInTP#rZwRG+8pE}txk{D|<9YvU)r@iAF4jr;^o<3}b*jBg@L<~s>7
zgE~nNMia?Rl=vQ)<6lDN1B+OM7JTR|3?n{NS>z^JR7$Q`6o3f#L_~s{ph8|HncF^G
zhUvC|$V3rczF}j?Vj}LtWT=iBKB~_RyW?bQ!pTaamaW5jV#C@MQMI-V%XkHLRk+rc
zaCU)J_&nGQe)1Jjg0`BKai*<^3^l6RmPM8g`T9#B|9=qGm#y}@{&;jc>@f5{eJ+-t
mK+c6#{<g4om)Q9T@=r?nr}Zv236npb@~@@8{<;3+U&bGZlNK}p

literal 0
HcmV?d00001

diff --git a/internal/style/fallback/style.go b/internal/style/fallback/style.go
deleted file mode 100644
index a991329..0000000
--- a/internal/style/fallback/style.go
+++ /dev/null
@@ -1,497 +0,0 @@
-package fallbackStyle
-
-import "image/color"
-import "git.tebibyte.media/tomo/tomo"
-import "golang.org/x/image/font/basicfont"
-
-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 colorCarved                = color.RGBA { R: 151, G: 160, B: 150, A: 255 }
-var colorGutter                = color.RGBA { R: 116, G: 132, B: 126, A: 255 }
-var colorShadow                = color.RGBA { R:  57, G:  59, B:  57, A: 255 }
-var colorShade                 = color.RGBA {                         A: 128 }
-var colorInputShadow           = color.RGBA { R: 143, G: 146, B:  91, A: 255 }
-var colorHighlight             = color.RGBA { R: 207, G: 215, B: 210, A: 255 }
-var colorBackground            = color.RGBA { R: 169, G: 171, B: 168, A: 255 }
-var colorCarvedPressed         = color.RGBA { R: 129, G: 142, B: 137, A: 255 }
-var colorForeground            = color.Black
-var colorOutline               = color.Black
-var colorCalendarWeekdayHeader = color.RGBA { R: 194, G: 162, B: 132, A: 255 }
-var colorCalendarWeekend       = color.RGBA { R: 165, G: 185, B: 120, A: 255 }
-var colorCalendarDay           = color.RGBA { R: 194, G: 189, B: 132, A: 255 }
-var colorInactive              = color.RGBA { R: 131, G: 147, B: 134, A: 255 }
-
-var outline = tomo.Border {
-	Width: tomo.I(1),
-	Color: [4]color.Color {
-		colorOutline,
-		colorOutline,
-		colorOutline,
-		colorOutline,
-	},
-}
-
-var borderColorOutline  = [4]color.Color { colorOutline,     colorOutline,   colorOutline,   colorOutline     }
-var borderColorEngraved = [4]color.Color { colorShadow,      colorHighlight, colorHighlight, colorShadow      }
-var borderColorLifted   = [4]color.Color { colorHighlight,   colorShadow,    colorShadow,    colorHighlight   }
-var borderColorInput    = [4]color.Color { colorInputShadow, colorInput,     colorInput,     colorInputShadow }
-var borderColorFocused  = [4]color.Color { colorFocus,       colorFocus,     colorFocus,     colorFocus       }
-var borderColorShade    = [4]color.Color { colorShade,       colorShade,     colorShade,     colorShade       }
-
-var rules = []tomo.Rule {
-	// *.*
-	tomo.Ru(tomo.AS (
-		tomo.AFace      (basicfont.Face7x13  ),
-		tomo.ATextColor (tomo.ColorForeground),
-		tomo.ADotColor  (tomo.ColorAccent    ),
-		tomo.AGap       (8, 8                ),
-	), tomo.R("", "")),
-
-	// *.Button
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorLifted,
-			},
-		},
-		tomo.AttrPadding(tomo.I(4, 8)),
-		tomo.AttrColor { Color: tomo.ColorRaised },
-	), tomo.R("", "Button")),
-
-	// *.Button[focused]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorFocused,
-			},
-		},
-	), tomo.R("", "Button"), "focused"),
-	
-	// *.Button[pressed]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			},
-		},
-		tomo.AttrPadding(tomo.I(5, 8, 4, 9)),
-		tomo.AttrColor { Color: colorCarvedPressed },
-	), tomo.R("", "Button"), "pressed"),
-
-	// *.TextInput
-	tomo.Ru(tomo.AS (
-		tomo.ABorder (
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorInput,
-			}),
-		tomo.AColor(colorInput),
-		tomo.APadding(5, 4, 4, 5),
-	), tomo.R("", "TextInput")),
-
-	// *.TextInput[focused]
-	tomo.Ru(tomo.AS (
-		tomo.ABorder (
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorFocused,
-			}),
-	), tomo.R("", "TextInput"), "focused"),
-	
-	// *.TextView
-	tomo.Ru(tomo.AS (
-		tomo.ABorder (
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			}),
-		tomo.AColor(tomo.ColorSunken),
-		tomo.APadding(8),
-	), tomo.R("", "TextView")),
-	
-	// *.NumberInput
-	tomo.Ru(tomo.AS (
-		tomo.AGap(0, 0),
-	), tomo.R("", "NumberInput")),
-
-	// *.Container[sunken]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			},
-		},
-		tomo.AttrColor { Color: tomo.ColorSunken },
-		tomo.AttrPadding(tomo.I(8)),
-	), tomo.R("", "Container"), "sunken"),
-
-	// *.Container[outer]
-	tomo.Ru(tomo.AS (
-		tomo.AttrColor { Color: tomo.ColorBackground },
-		tomo.AttrPadding(tomo.I(8)),
-	), tomo.R("", "Container"), "outer"),
-
-	// *.Container[menu]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorLifted,
-			},
-		},
-		tomo.AttrColor { Color: tomo.ColorBackground },
-		tomo.AttrGap { },
-	), tomo.R("", "Container"), "menu"),
-
-	// *.Heading
-	tomo.Ru(tomo.AS (
-		tomo.AAlign(tomo.AlignMiddle, tomo.AlignMiddle),
-	), tomo.R("", "Heading")),
-
-	// *.Separator
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorEngraved,
-			},
-		},
-	), tomo.R("", "Separator")),
-
-	// *.Slider
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			},
-		},
-		tomo.AttrColor { Color: colorGutter },
-		tomo.AttrPadding(tomo.I(0, 1, 1, 0)),
-	), tomo.R("", "Slider")),
-	
-	// *.Slider[focused]
-	tomo.Ru(tomo.AS (
-			tomo.AttrBorder {
-				outline,
-				tomo.Border {
-					Width: tomo.I(1),
-					Color: borderColorFocused,
-				},
-			},
-			tomo.AttrPadding(tomo.I(0)),
-	), tomo.R("", "Slider"), "focused"),
-	
-	// *.Slider[horizontal]
-	tomo.Ru(tomo.AS (
-		tomo.AMinimumSize(48, 0),
-	), tomo.R("", "Slider"), "horizontal"),
-	
-	// *.Slider[vertical]
-	tomo.Ru(tomo.AS (
-		tomo.AMinimumSize(0, 48),
-	), tomo.R("", "Slider"), "vertical"),
-
-	// *.SliderHandle
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorLifted,
-			},
-		},
-		tomo.AttrColor { Color: tomo.ColorRaised },
-		tomo.AttrMinimumSize { X: 12, Y: 12, },
-	), tomo.R("", "SliderHandle")),
-
-	// *.ScrollContainer
-	tomo.Ru(tomo.AS (
-		tomo.AGap(0, 0),
-	), tomo.R("", "ScrollContainer")),
-
-	// *.Checkbox
-	tomo.Ru(tomo.AS (
-		tomo.ABorder (
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			}),
-		tomo.AColor(tomo.ColorSunken),
-		tomo.APadding(0, 1, 1, 0),
-		tomo.AMinimumSize(19, 19),
-		tomo.ATexture(nil),
-		tomo.ATextureMode(tomo.TextureModeCenter),
-	), tomo.R("", "Checkbox")),
-
-	// *.Checkbox[focused]
-	tomo.Ru(tomo.AS (
-		tomo.ABorder (
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorFocused,
-			}),
-		tomo.APadding(0),
-	), tomo.R("", "Checkbox"), "focused"),
-
-	// *.Checkbox[checked]
-	tomo.Ru(tomo.AS (
-		tomo.ATexture(nil), // TODO: checked texture
-	), tomo.R("", "Checkbox"), "checked"),
-
-	// *.MenuItem
-	tomo.Ru(tomo.AS (
-		tomo.AttrPadding(tomo.I(4)),
-		tomo.AttrGap { X: 4, Y: 4 },
-		tomo.AttrColor { Color: color.Transparent },
-	), tomo.R("", "MenuItem")),
-
-	// *MenuItem[focused]
-	tomo.Ru(tomo.AS (
-		tomo.AttrColor { Color: tomo.ColorAccent },
-	), tomo.R("", "MenuItem"), "focused"),
-	
-	// *.MenuItem[hovered]
-	tomo.Ru(tomo.AS (
-		tomo.AttrColor { Color: tomo.ColorAccent },
-	), tomo.R("", "MenuItem"), "hovered"),
-
-	// *.File
-	tomo.Ru(tomo.AS (
-		tomo.AttrColor { Color: color.Transparent },
-	), tomo.R("", "File")),
-
-	// *.File[focused]
-	tomo.Ru(tomo.AS (
-		tomo.AttrColor { Color: tomo.ColorAccent },
-	), tomo.R("", "File"), "focused"),
-
-	// *.TearLine
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(3),
-				Color: [4]color.Color {
-					color.Transparent,
-					color.Transparent,
-					color.Transparent,
-					color.Transparent,
-				},
-			},
-		},
-		tomo.AttrColor { Color: tomo.ColorForeground },
-		tomo.AttrPadding(tomo.I(1, 0, 0, 1)),
-	), tomo.R("", "TearLine")),
-
-	// *.TearLine[focused]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(3),
-				Color: borderColorFocused,
-			},
-		},
-	), tomo.R("", "TearLine"), "focused"),
-
-	// *.TearLine[hovered]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(3),
-				Color: borderColorFocused,
-			},
-		},
-	), tomo.R("", "TearLine"), "hovered"),
-	
-	// *.Calendar
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(0, 1, 1, 0),
-				Color: borderColorShade,
-			},
-			outline,
-		},
-		tomo.AttrColor { Color: colorInput },
-		tomo.AttrPadding(tomo.I(2)),
-		tomo.AttrGap { X: 2, Y: 2 },
-	), tomo.R("", "Calendar")),
-	
-	// *.CalendarGrid
-	tomo.Ru(tomo.AS (
-		tomo.AttrGap { X: 2, Y: 2 },
-	), tomo.R("", "CalendarGrid")),
-	
-	// *.CalendarWeekdayHeader
-	tomo.Ru(tomo.AS (
-		tomo.AttrPadding(tomo.I(2)),
-		tomo.AttrColor { Color: colorCalendarWeekdayHeader },
-	), tomo.R("", "CalendarWeekdayHeader")),
-	
-	// *.CalendarDay[weekday]
-	tomo.Ru(tomo.AS (
-		tomo.AttrPadding(tomo.I(2)),
-		tomo.AttrMinimumSize { X: 32, Y: 32 },
-		tomo.AttrColor { Color: colorCalendarDay },
-	), tomo.R("", "CalendarDay"), "weekday"),
-
-	// *.CalendarDay[weekend]
-	tomo.Ru(tomo.AS (
-		tomo.AttrPadding(tomo.I(2)),
-		tomo.AttrMinimumSize { X: 32, Y: 32 },
-		tomo.AttrColor { Color: colorCalendarWeekend },
-	), tomo.R("", "CalendarDay"), "weekend"),
-	
-	// *.TabbedContainer
-	tomo.Ru(tomo.AS (
-		tomo.AGap(0, 0),
-	), tomo.R("", "TabbedContainer")),
-	
-	// *.TabRow
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(1, 1, 0, 1),
-				Color: borderColorOutline,
-			},
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			},
-		},
-		tomo.AttrGap { X: 0, Y: 0 },
-		tomo.AttrColor { Color: colorGutter },
-		tomo.AttrPadding(tomo.I(1, 0, 0, 0)),
-	), tomo.R("", "TabRow")),
-	
-	// *.TabSpacer[left]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(0, 0, 1, 0),
-				Color: borderColorEngraved,
-			},
-			tomo.Border {
-				Width: tomo.I(0, 0, 1, 0),
-				Color: borderColorOutline,
-			},
-		},
-		tomo.AttrMinimumSize { X: 1 },
-	), tomo.R("", "TabSpacer")),
-	
-	// *.TabSpacer[right]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 0),
-				Color: [4]color.Color {
-					colorGutter, colorGutter,
-					colorGutter, colorGutter,
-				},
-			},
-			tomo.Border {
-				Width: tomo.I(0, 0, 1, 0),
-				Color: borderColorEngraved,
-			},
-			tomo.Border {
-				Width: tomo.I(0, 0, 1, 1),
-				Color: borderColorOutline,
-			},
-			tomo.Border {
-				Width: tomo.I(0, 0, 0, 1),
-				Color: borderColorShade,
-			},
-		},
-		tomo.AttrMinimumSize { X: 3 },
-	), tomo.R("", "TabSpacer"), "right"),
-	
-	// *.Tab
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 0),
-				Color: [4]color.Color {
-					colorGutter, colorGutter,
-					colorGutter, colorGutter,
-				},
-			},
-			tomo.Border {
-				Width: tomo.I(0, 0, 1, 0),
-				Color: borderColorEngraved,
-			},
-			tomo.Border {
-				Width: tomo.I(1, 0, 1, 1),
-				Color: borderColorOutline,
-			},
-			tomo.Border {
-				Width: tomo.I(1, 1, 0, 1),
-				Color: borderColorLifted,
-			},
-		},
-		tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
-		tomo.AttrColor { Color: tomo.ColorRaised },
-	), tomo.R("", "Tab")),
-	
-	// *.Tab[active]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorOutline,
-			},
-			tomo.Border {
-				Width: tomo.I(1, 1, 0, 1),
-				Color: borderColorLifted,
-			},
-		},
-		tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
-		tomo.AttrColor { Color: tomo.ColorBackground },
-	), tomo.R("", "Tab"), "active"),
-
-	// *.Swatch
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-		},
-		tomo.AttrMinimumSize { X: 19, Y: 19 },
-	), tomo.R("", "Swatch")),
-
-	// *.Swatch[focused]
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1),
-				Color: borderColorFocused,
-			},
-		},
-	), tomo.R("", "Swatch"), "focused"),
-
-	// *.ColorPickerMap
-	tomo.Ru(tomo.AS (
-		tomo.AttrBorder {
-			outline,
-			tomo.Border {
-				Width: tomo.I(1, 0, 0, 1),
-				Color: borderColorEngraved,
-			},
-		},
-		tomo.AttrColor { Color: tomo.ColorSunken },
-		tomo.AttrMinimumSize { X: 128, Y: 128 },
-	), tomo.R("", "ColorPickerMap")),
-}
diff --git a/internal/style/fallback/wintergreen.go b/internal/style/fallback/wintergreen.go
index fd2144e..9997445 100644
--- a/internal/style/fallback/wintergreen.go
+++ b/internal/style/fallback/wintergreen.go
@@ -1,11 +1,541 @@
 package fallbackStyle
 
+import "io"
+import "bytes"
+import "image"
+import _ "embed"
+import _ "image/png"
 import "image/color"
 import "git.tebibyte.media/tomo/tomo"
+import "golang.org/x/image/font/basicfont"
+import "git.tebibyte.media/tomo/tomo/event"
+
+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 colorCarved                = color.RGBA { R: 151, G: 160, B: 150, A: 255 }
+var colorGutter                = color.RGBA { R: 116, G: 132, B: 126, A: 255 }
+var colorShadow                = color.RGBA { R:  57, G:  59, B:  57, A: 255 }
+var colorShade                 = color.RGBA {                         A: 128 }
+var colorInputShadow           = color.RGBA { R: 143, G: 146, B:  91, A: 255 }
+var colorHighlight             = color.RGBA { R: 207, G: 215, B: 210, A: 255 }
+var colorBackground            = color.RGBA { R: 169, G: 171, B: 168, A: 255 }
+var colorCarvedPressed         = color.RGBA { R: 129, G: 142, B: 137, A: 255 }
+var colorForeground            = color.Black
+var colorOutline               = color.Black
+var colorCalendarWeekdayHeader = color.RGBA { R: 194, G: 162, B: 132, A: 255 }
+var colorCalendarWeekend       = color.RGBA { R: 165, G: 185, B: 120, A: 255 }
+var colorCalendarDay           = color.RGBA { R: 194, G: 189, B: 132, A: 255 }
+var colorInactive              = color.RGBA { R: 131, G: 147, B: 134, A: 255 }
+
+var outline = tomo.Border {
+	Width: tomo.I(1),
+	Color: [4]color.Color {
+		colorOutline,
+		colorOutline,
+		colorOutline,
+		colorOutline,
+	},
+}
+
+var borderColorOutline  = [4]color.Color { colorOutline,     colorOutline,   colorOutline,   colorOutline     }
+var borderColorEngraved = [4]color.Color { colorShadow,      colorHighlight, colorHighlight, colorShadow      }
+var borderColorLifted   = [4]color.Color { colorHighlight,   colorShadow,    colorShadow,    colorHighlight   }
+var borderColorInput    = [4]color.Color { colorInputShadow, colorInput,     colorInput,     colorInputShadow }
+var borderColorFocused  = [4]color.Color { colorFocus,       colorFocus,     colorFocus,     colorFocus       }
+var borderColorShade    = [4]color.Color { colorShade,       colorShade,     colorShade,     colorShade       }
+
+//go:embed assets/atlas.png
+var atlasBytes []byte
+
+type closerCookie struct { io.Closer }
+func (cookie closerCookie) Close () { cookie.Closer.Close() }
+func newCloserCookie (closer io.Closer) event.Cookie {
+	return closerCookie { Closer: closer }
+}
 
 // New returns Wintergreen, the default Tomo style. It is neutral-gray with
 // green and turquoise accents.
-func New () *tomo.Style {
+func New () (*tomo.Style, event.Cookie) {
+	atlasImage, _, err := image.Decode(bytes.NewReader(atlasBytes))
+	if err != nil { panic(err) }
+	atlasTexture := tomo.NewTexture(atlasImage)
+	
+	textureCheckboxChecked  := atlasTexture.SubTexture(image.Rect( 0,  0, 12, 11))
+	textureCorkboard        := atlasTexture.SubTexture(image.Rect(16,  0, 28, 12))
+	textureTearLine         := atlasTexture.SubTexture(image.Rect(16, 12, 18, 13))
+	textureHandleVertical   := atlasTexture.SubTexture(image.Rect(28,  0, 29,  2))
+	textureHandleHorizontal := atlasTexture.SubTexture(image.Rect(28,  0, 30,  1))
+
+	cookie := event.MultiCookie(newCloserCookie(atlasTexture))
+
+rules := []tomo.Rule {
+	// *.*
+	tomo.Ru(tomo.AS (
+		tomo.AFace      (basicfont.Face7x13  ),
+		tomo.ATextColor (tomo.ColorForeground),
+		tomo.ADotColor  (tomo.ColorAccent    ),
+		tomo.AGap       (8, 8                ),
+	), tomo.R("", "")),
+
+	// *.Button
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorLifted,
+			},
+		},
+		tomo.AttrPadding(tomo.I(4, 8)),
+		tomo.AttrColor { Color: tomo.ColorRaised },
+	), tomo.R("", "Button")),
+
+	// *.Button[focused]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorFocused,
+			},
+		},
+	), tomo.R("", "Button"), "focused"),
+	
+	// *.Button[pressed]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			},
+		},
+		tomo.AttrPadding(tomo.I(5, 8, 4, 9)),
+		tomo.AttrColor { Color: colorCarvedPressed },
+	), tomo.R("", "Button"), "pressed"),
+
+	// *.TextInput
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorInput,
+			}),
+		tomo.AColor(colorInput),
+		tomo.APadding(5, 4, 4, 5),
+	), tomo.R("", "TextInput")),
+
+	// *.TextInput[focused]
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorFocused,
+			}),
+	), tomo.R("", "TextInput"), "focused"),
+	
+	// *.TextView
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			}),
+		tomo.AColor(tomo.ColorSunken),
+		tomo.APadding(8),
+	), tomo.R("", "TextView")),
+	
+	// *.NumberInput
+	tomo.Ru(tomo.AS (
+		tomo.AGap(0, 0),
+	), tomo.R("", "NumberInput")),
+
+	// *.Container[sunken]
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			}),
+		tomo.AColor(nil),
+		tomo.ATexture(textureCorkboard),
+		tomo.APadding(8),
+	), tomo.R("", "Container"), "sunken"),
+
+	// *.Container[outer]
+	tomo.Ru(tomo.AS (
+		tomo.AttrColor { Color: tomo.ColorBackground },
+		tomo.AttrPadding(tomo.I(8)),
+	), tomo.R("", "Container"), "outer"),
+
+	// *.Container[menu]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorLifted,
+			},
+		},
+		tomo.AttrColor { Color: tomo.ColorBackground },
+		tomo.AttrGap { },
+	), tomo.R("", "Container"), "menu"),
+
+	// *.Heading
+	tomo.Ru(tomo.AS (
+		tomo.AAlign(tomo.AlignMiddle, tomo.AlignMiddle),
+	), tomo.R("", "Heading")),
+
+	// *.Separator
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorEngraved,
+			},
+		},
+	), tomo.R("", "Separator")),
+
+	// *.Slider
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			},
+		},
+		tomo.AttrColor { Color: colorGutter },
+		tomo.AttrPadding(tomo.I(0, 1, 1, 0)),
+	), tomo.R("", "Slider")),
+	
+	// *.Slider[focused]
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorFocused,
+			}),
+		tomo.APadding(0),
+	), tomo.R("", "Slider"), "focused"),
+	
+	// *.Slider[horizontal]
+	tomo.Ru(tomo.AS (
+		tomo.AMinimumSize(48, 0),
+	), tomo.R("", "Slider"), "horizontal"),
+	
+	// *.Slider[vertical]
+	tomo.Ru(tomo.AS (
+		tomo.AMinimumSize(0, 48),
+	), tomo.R("", "Slider"), "vertical"),
+
+	// *.SliderHandle
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorLifted,
+			},
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: [4]color.Color {
+					tomo.ColorRaised, tomo.ColorRaised,
+					tomo.ColorRaised, tomo.ColorRaised,
+				},
+			}),
+		tomo.AColor(nil),
+		tomo.ATexture(textureHandleVertical),
+		tomo.AMinimumSize(12, 12),
+	), tomo.R("", "SliderHandle")),
+
+	// *.SliderHandle[horizontal]
+	tomo.Ru(tomo.AS (
+		tomo.ATexture(textureHandleHorizontal),
+	), tomo.R("", "SliderHandle"), "horizontal"),
+
+	// *.ScrollContainer
+	tomo.Ru(tomo.AS (
+		tomo.AGap(0, 0),
+	), tomo.R("", "ScrollContainer")),
+
+	// *.Checkbox
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			}),
+		tomo.AColor(tomo.ColorSunken),
+		tomo.APadding(0, 1, 1, 0),
+		tomo.AMinimumSize(19, 19),
+		tomo.ATexture(nil),
+		tomo.ATextureMode(tomo.TextureModeCenter),
+	), tomo.R("", "Checkbox")),
+
+	// *.Checkbox[focused]
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorFocused,
+			}),
+		tomo.APadding(0),
+	), tomo.R("", "Checkbox"), "focused"),
+
+	// *.Checkbox[checked]
+	tomo.Ru(tomo.AS (
+		tomo.ATexture(textureCheckboxChecked),
+	), tomo.R("", "Checkbox"), "checked"),
+
+	// *.MenuItem
+	tomo.Ru(tomo.AS (
+		tomo.AttrPadding(tomo.I(4)),
+		tomo.AttrGap { X: 4, Y: 4 },
+		tomo.AttrColor { Color: color.Transparent },
+	), tomo.R("", "MenuItem")),
+
+	// *MenuItem[focused]
+	tomo.Ru(tomo.AS (
+		tomo.AttrColor { Color: tomo.ColorAccent },
+	), tomo.R("", "MenuItem"), "focused"),
+	
+	// *.MenuItem[hovered]
+	tomo.Ru(tomo.AS (
+		tomo.AttrColor { Color: tomo.ColorAccent },
+	), tomo.R("", "MenuItem"), "hovered"),
+
+	// *.File
+	tomo.Ru(tomo.AS (
+		tomo.AttrColor { Color: color.Transparent },
+	), tomo.R("", "File")),
+
+	// *.File[focused]
+	tomo.Ru(tomo.AS (
+		tomo.AttrColor { Color: tomo.ColorAccent },
+	), tomo.R("", "File"), "focused"),
+
+	// *.TearLine
+	tomo.Ru(tomo.AS (
+		tomo.ABorder (
+			tomo.Border {
+				Width: tomo.I(3),
+				Color: [4]color.Color {
+					color.Transparent,
+					color.Transparent,
+					color.Transparent,
+					color.Transparent,
+				},
+			}),
+		tomo.ATexture(textureTearLine),
+		tomo.APadding(1, 0, 0, 1),
+	), tomo.R("", "TearLine")),
+
+	// *.TearLine[focused]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(3),
+				Color: borderColorFocused,
+			},
+		},
+	), tomo.R("", "TearLine"), "focused"),
+
+	// *.TearLine[hovered]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(3),
+				Color: borderColorFocused,
+			},
+		},
+	), tomo.R("", "TearLine"), "hovered"),
+	
+	// *.Calendar
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(0, 1, 1, 0),
+				Color: borderColorShade,
+			},
+			outline,
+		},
+		tomo.AttrColor { Color: colorInput },
+		tomo.AttrPadding(tomo.I(2)),
+		tomo.AttrGap { X: 2, Y: 2 },
+	), tomo.R("", "Calendar")),
+	
+	// *.CalendarGrid
+	tomo.Ru(tomo.AS (
+		tomo.AttrGap { X: 2, Y: 2 },
+	), tomo.R("", "CalendarGrid")),
+	
+	// *.CalendarWeekdayHeader
+	tomo.Ru(tomo.AS (
+		tomo.AttrPadding(tomo.I(2)),
+		tomo.AttrColor { Color: colorCalendarWeekdayHeader },
+	), tomo.R("", "CalendarWeekdayHeader")),
+	
+	// *.CalendarDay[weekday]
+	tomo.Ru(tomo.AS (
+		tomo.AttrPadding(tomo.I(2)),
+		tomo.AttrMinimumSize { X: 32, Y: 32 },
+		tomo.AttrColor { Color: colorCalendarDay },
+	), tomo.R("", "CalendarDay"), "weekday"),
+
+	// *.CalendarDay[weekend]
+	tomo.Ru(tomo.AS (
+		tomo.AttrPadding(tomo.I(2)),
+		tomo.AttrMinimumSize { X: 32, Y: 32 },
+		tomo.AttrColor { Color: colorCalendarWeekend },
+	), tomo.R("", "CalendarDay"), "weekend"),
+	
+	// *.TabbedContainer
+	tomo.Ru(tomo.AS (
+		tomo.AGap(0, 0),
+	), tomo.R("", "TabbedContainer")),
+	
+	// *.TabRow
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(1, 1, 0, 1),
+				Color: borderColorOutline,
+			},
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			},
+		},
+		tomo.AttrGap { X: 0, Y: 0 },
+		tomo.AttrColor { Color: colorGutter },
+		tomo.AttrPadding(tomo.I(1, 0, 0, 0)),
+	), tomo.R("", "TabRow")),
+	
+	// *.TabSpacer[left]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(0, 0, 1, 0),
+				Color: borderColorEngraved,
+			},
+			tomo.Border {
+				Width: tomo.I(0, 0, 1, 0),
+				Color: borderColorOutline,
+			},
+		},
+		tomo.AttrMinimumSize { X: 1 },
+	), tomo.R("", "TabSpacer")),
+	
+	// *.TabSpacer[right]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 0),
+				Color: [4]color.Color {
+					colorGutter, colorGutter,
+					colorGutter, colorGutter,
+				},
+			},
+			tomo.Border {
+				Width: tomo.I(0, 0, 1, 0),
+				Color: borderColorEngraved,
+			},
+			tomo.Border {
+				Width: tomo.I(0, 0, 1, 1),
+				Color: borderColorOutline,
+			},
+			tomo.Border {
+				Width: tomo.I(0, 0, 0, 1),
+				Color: borderColorShade,
+			},
+		},
+		tomo.AttrMinimumSize { X: 3 },
+	), tomo.R("", "TabSpacer"), "right"),
+	
+	// *.Tab
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 0),
+				Color: [4]color.Color {
+					colorGutter, colorGutter,
+					colorGutter, colorGutter,
+				},
+			},
+			tomo.Border {
+				Width: tomo.I(0, 0, 1, 0),
+				Color: borderColorEngraved,
+			},
+			tomo.Border {
+				Width: tomo.I(1, 0, 1, 1),
+				Color: borderColorOutline,
+			},
+			tomo.Border {
+				Width: tomo.I(1, 1, 0, 1),
+				Color: borderColorLifted,
+			},
+		},
+		tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
+		tomo.AttrColor { Color: tomo.ColorRaised },
+	), tomo.R("", "Tab")),
+	
+	// *.Tab[active]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorOutline,
+			},
+			tomo.Border {
+				Width: tomo.I(1, 1, 0, 1),
+				Color: borderColorLifted,
+			},
+		},
+		tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
+		tomo.AttrColor { Color: tomo.ColorBackground },
+	), tomo.R("", "Tab"), "active"),
+
+	// *.Swatch
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+		},
+		tomo.AttrMinimumSize { X: 19, Y: 19 },
+	), tomo.R("", "Swatch")),
+
+	// *.Swatch[focused]
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1),
+				Color: borderColorFocused,
+			},
+		},
+	), tomo.R("", "Swatch"), "focused"),
+
+	// *.ColorPickerMap
+	tomo.Ru(tomo.AS (
+		tomo.AttrBorder {
+			outline,
+			tomo.Border {
+				Width: tomo.I(1, 0, 0, 1),
+				Color: borderColorEngraved,
+			},
+		},
+		tomo.AttrColor { Color: tomo.ColorSunken },
+		tomo.AttrMinimumSize { X: 128, Y: 128 },
+	), tomo.R("", "ColorPickerMap")),
+}
+
 	return &tomo.Style {
 		Rules: rules,
 		Colors: map[tomo.Color] color.Color {
@@ -15,5 +545,5 @@ func New () *tomo.Style {
 			tomo.ColorSunken:     colorCarved,
 			tomo.ColorAccent:     colorFocus,
 		},
-	}
+	}, cookie
 }