theme update
This commit is contained in:
Michael Freno
241
themes/space.lua
241
themes/space.lua
@@ -17,43 +17,110 @@ end
|
||||
|
||||
return {
|
||||
name = "Space Theme",
|
||||
contentAutoSizingMultiplier = { height = 1.1, width = 1.05 },
|
||||
components = {
|
||||
-- Panel component (882x687 with 110px border)
|
||||
panel = {
|
||||
atlas = "themes/space/panel.png",
|
||||
card = {
|
||||
atlas = "themes/space/card.png",
|
||||
regions = {
|
||||
-- 9-slice regions for 882x687 image (110-662-110 split)
|
||||
-- Top row
|
||||
topLeft = { x = 0, y = 0, w = 110, h = 110 },
|
||||
topCenter = { x = 110, y = 0, w = 662, h = 110 },
|
||||
topRight = { x = 772, y = 0, w = 110, h = 110 },
|
||||
-- Middle row (stretchable)
|
||||
middleLeft = { x = 0, y = 110, w = 110, h = 467 },
|
||||
middleCenter = { x = 110, y = 110, w = 662, h = 467 },
|
||||
middleRight = { x = 772, y = 110, w = 110, h = 467 },
|
||||
-- Bottom row
|
||||
bottomLeft = { x = 0, y = 577, w = 110, h = 110 },
|
||||
bottomCenter = { x = 110, y = 577, w = 662, h = 110 },
|
||||
bottomRight = { x = 772, y = 577, w = 110, h = 110 },
|
||||
topLeft = { x = 0, y = 0, width = 100, height = 100 },
|
||||
topCenter = { x = 100, y = 0, width = 205, height = 100 },
|
||||
topRight = { x = 305, y = 0, width = 100, height = 100 },
|
||||
middleLeft = { x = 0, y = 100, width = 100, height = 178 },
|
||||
middleCenter = { x = 100, y = 100, width = 205, height = 178 },
|
||||
middleRight = { x = 305, y = 100, width = 100, height = 178 },
|
||||
bottomLeft = { x = 0, y = 278, width = 100, height = 100 },
|
||||
bottomCenter = { x = 100, y = 278, width = 205, height = 100 },
|
||||
bottomRight = { x = 305, y = 278, width = 100, height = 100 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
|
||||
button = {
|
||||
atlas = "themes/space/interactive.png",
|
||||
cardv2 = {
|
||||
atlas = "themes/space/card-v2.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
topLeft = { x = 0, y = 0, width = 100, height = 100 },
|
||||
topCenter = { x = 100, y = 0, width = 205, height = 100 },
|
||||
topRight = { x = 305, y = 0, width = 100, height = 100 },
|
||||
middleLeft = { x = 0, y = 100, width = 100, height = 178 },
|
||||
middleCenter = { x = 100, y = 100, width = 205, height = 178 },
|
||||
middleRight = { x = 305, y = 100, width = 100, height = 178 },
|
||||
bottomLeft = { x = 0, y = 278, width = 100, height = 100 },
|
||||
bottomCenter = { x = 100, y = 278, width = 205, height = 100 },
|
||||
bottomRight = { x = 305, y = 278, width = 100, height = 100 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
panel = {
|
||||
atlas = "themes/space/panel.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, width = 38, height = 30 },
|
||||
topCenter = { x = 38, y = 0, width = 53, height = 30 },
|
||||
topRight = { x = 91, y = 0, width = 22, height = 30 },
|
||||
middleLeft = { x = 0, y = 30, width = 38, height = 5 },
|
||||
middleCenter = { x = 38, y = 30, width = 53, height = 5 },
|
||||
middleRight = { x = 91, y = 30, width = 22, height = 5 },
|
||||
bottomLeft = { x = 0, y = 35, width = 38, height = 30 },
|
||||
bottomCenter = { x = 38, y = 35, width = 53, height = 30 },
|
||||
bottomRight = { x = 91, y = 35, width = 22, height = 30 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
panelred = {
|
||||
atlas = "themes/space/panel-red.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, width = 38, height = 30 },
|
||||
topCenter = { x = 38, y = 0, width = 53, height = 30 },
|
||||
topRight = { x = 91, y = 0, width = 22, height = 30 },
|
||||
middleLeft = { x = 0, y = 30, width = 38, height = 5 },
|
||||
middleCenter = { x = 38, y = 30, width = 53, height = 5 },
|
||||
middleRight = { x = 91, y = 30, width = 22, height = 5 },
|
||||
bottomLeft = { x = 0, y = 35, width = 38, height = 30 },
|
||||
bottomCenter = { x = 38, y = 35, width = 53, height = 30 },
|
||||
bottomRight = { x = 91, y = 35, width = 22, height = 30 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
panelgreen = {
|
||||
atlas = "themes/space/panel-green.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, width = 38, height = 30 },
|
||||
topCenter = { x = 38, y = 0, width = 53, height = 30 },
|
||||
topRight = { x = 91, y = 0, width = 22, height = 30 },
|
||||
middleLeft = { x = 0, y = 30, width = 38, height = 5 },
|
||||
middleCenter = { x = 38, y = 30, width = 53, height = 5 },
|
||||
middleRight = { x = 91, y = 30, width = 22, height = 5 },
|
||||
bottomLeft = { x = 0, y = 35, width = 38, height = 30 },
|
||||
bottomCenter = { x = 38, y = 35, width = 53, height = 30 },
|
||||
bottomRight = { x = 91, y = 35, width = 22, height = 30 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
button = {
|
||||
atlas = "themes/space/button.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, width = 14, height = 14 },
|
||||
topCenter = { x = 14, y = 0, width = 86, height = 14 },
|
||||
topRight = { x = 100, y = 0, width = 14, height = 14 },
|
||||
middleLeft = { x = 0, y = 14, width = 14, height = 10 },
|
||||
middleCenter = { x = 14, y = 14, width = 86, height = 10 },
|
||||
middleRight = { x = 100, y = 14, width = 14, height = 10 },
|
||||
bottomLeft = { x = 0, y = 24, width = 14, height = 14 },
|
||||
bottomCenter = { x = 14, y = 24, width = 86, height = 14 },
|
||||
bottomRight = { x = 100, y = 24, width = 14, height = 14 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
@@ -61,17 +128,17 @@ return {
|
||||
},
|
||||
states = {
|
||||
hover = {
|
||||
atlas = "themes/space/interactive-hover.png",
|
||||
atlas = "themes/space/button-hover.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
topLeft = { x = 0, y = 0, width = 14, height = 14 },
|
||||
topCenter = { x = 14, y = 0, width = 86, height = 14 },
|
||||
topRight = { x = 100, y = 0, width = 14, height = 14 },
|
||||
middleLeft = { x = 0, y = 14, width = 14, height = 10 },
|
||||
middleCenter = { x = 14, y = 14, width = 86, height = 10 },
|
||||
middleRight = { x = 100, y = 14, width = 14, height = 10 },
|
||||
bottomLeft = { x = 0, y = 24, width = 14, height = 14 },
|
||||
bottomCenter = { x = 14, y = 24, width = 86, height = 14 },
|
||||
bottomRight = { x = 100, y = 24, width = 14, height = 14 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
@@ -79,17 +146,17 @@ return {
|
||||
},
|
||||
},
|
||||
pressed = {
|
||||
atlas = "themes/space/interactive-pressed.png",
|
||||
atlas = "themes/space/button-pressed.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
topLeft = { x = 0, y = 0, width = 14, height = 14 },
|
||||
topCenter = { x = 14, y = 0, width = 86, height = 14 },
|
||||
topRight = { x = 100, y = 0, width = 14, height = 14 },
|
||||
middleLeft = { x = 0, y = 14, width = 14, height = 10 },
|
||||
middleCenter = { x = 14, y = 14, width = 86, height = 10 },
|
||||
middleRight = { x = 100, y = 14, width = 14, height = 10 },
|
||||
bottomLeft = { x = 0, y = 24, width = 14, height = 14 },
|
||||
bottomCenter = { x = 14, y = 24, width = 86, height = 14 },
|
||||
bottomRight = { x = 100, y = 24, width = 14, height = 14 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
@@ -97,75 +164,17 @@ return {
|
||||
},
|
||||
},
|
||||
disabled = {
|
||||
atlas = "themes/space/interactive-disabled.png",
|
||||
atlas = "themes/space/button-disabled.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
-- Input component with active and disabled states
|
||||
input = {
|
||||
atlas = "themes/space/interactive.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
states = {
|
||||
active = {
|
||||
atlas = "themes/space/interactive-hover.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
vertical = { "middleLeft", "middleCenter", "middleRight" },
|
||||
},
|
||||
},
|
||||
disabled = {
|
||||
atlas = "themes/space/interactive-disabled.png",
|
||||
regions = {
|
||||
topLeft = { x = 0, y = 0, w = 31, h = 31 },
|
||||
topCenter = { x = 31, y = 0, w = 127, h = 31 },
|
||||
topRight = { x = 158, y = 0, w = 31, h = 31 },
|
||||
middleLeft = { x = 0, y = 31, w = 31, h = 127 },
|
||||
middleCenter = { x = 31, y = 31, w = 127, h = 127 },
|
||||
middleRight = { x = 158, y = 31, w = 31, h = 127 },
|
||||
bottomLeft = { x = 0, y = 158, w = 31, h = 31 },
|
||||
bottomCenter = { x = 31, y = 158, w = 127, h = 31 },
|
||||
bottomRight = { x = 158, y = 158, w = 31, h = 31 },
|
||||
topLeft = { x = 0, y = 0, width = 14, height = 14 },
|
||||
topCenter = { x = 14, y = 0, width = 86, height = 14 },
|
||||
topRight = { x = 100, y = 0, width = 14, height = 14 },
|
||||
middleLeft = { x = 0, y = 14, width = 14, height = 10 },
|
||||
middleCenter = { x = 14, y = 14, width = 86, height = 10 },
|
||||
middleRight = { x = 100, y = 14, width = 14, height = 10 },
|
||||
bottomLeft = { x = 0, y = 24, width = 14, height = 14 },
|
||||
bottomCenter = { x = 14, y = 24, width = 86, height = 14 },
|
||||
bottomRight = { x = 100, y = 24, width = 14, height = 14 },
|
||||
},
|
||||
stretch = {
|
||||
horizontal = { "topCenter", "middleCenter", "bottomCenter" },
|
||||
|
||||
Reference in New Issue
Block a user