toasterson/NeoCDE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
NeoCDE/untitled.pen

2877 lines
95 KiB
Text
Raw Normal View History

Setup Pencil designs
2026-04-11 13:15:37 +02:00
{
"version": "2.10",
"children": [
{
"type": "frame",
"id": "bi8Au",
"x": 0,
"y": 0,
"name": "Frame",
"clip": true,
"width": 800,
"height": 600,
"fill": "#FFFFFF",
"layout": "none"
},
{
"type": "rectangle",
"id": "szSJb",
"x": -801,
"y": -1060,
"fill": {
"type": "image",
"enabled": true,
"url": "images/Gemini_Generated_Image_rhnenwrhnenwrhne.png",
"mode": "fill"
},
"width": 1602,
"height": 869
},
{
"type": "frame",
"id": "qgQvM",
"x": -801,
"y": 800,
"name": "Design System - CDE Glassy",
"fill": "$desktop-bg",
"cornerRadius": 12,
"gap": 60,
"padding": 40,
"children": [
{
"type": "frame",
"id": "mEZgD",
"name": "Buttons & Controls",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "sfLO3",
"name": "lblButtons",
"fill": "$text-primary",
"content": "Buttons & Controls",
"fontFamily": "$font-main",
"fontSize": "$font-size-lg",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "mqxJC",
"name": "Button/Default",
"reusable": true,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"padding": [
6,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "OswDM",
"name": "btnText",
"fill": "$text-primary",
"content": "Button",
"fontFamily": "$font-main",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4Ke8n",
"name": "Button/Active",
"reusable": true,
"fill": "$accent-dark",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"padding": [
6,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "J4fDc",
"name": "btnActiveText",
"fill": "$text-primary",
"content": "Active",
"fontFamily": "$font-main",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nMjkg",
"name": "Button/Small",
"reusable": true,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"padding": [
4,
10
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gFaYH",
"name": "btnSmText",
"fill": "$text-primary",
"content": "Small",
"fontFamily": "$font-main",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ohupx",
"name": "Window/CloseButton",
"reusable": true,
"width": 14,
"height": 14,
"fill": "$danger",
"cornerRadius": 7,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UKOfS",
"name": "closX",
"fill": "#FFFFFF",
"content": "×",
"fontFamily": "$font-main",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tHuug",
"name": "Window/MinButton",
"reusable": true,
"width": 14,
"height": 14,
"fill": "$accent-dark",
"cornerRadius": 7,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "8rUOl",
"name": "minDash",
"fill": "$text-primary",
"content": "–",
"fontFamily": "$font-main",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "hZcoI",
"name": "Window/MaxButton",
"reusable": true,
"width": 14,
"height": 14,
"fill": "$accent-dark",
"cornerRadius": 7,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "14mfZ",
"name": "maxSq",
"fill": "$text-primary",
"content": "□",
"fontFamily": "$font-main",
"fontSize": 9,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Ss4k9",
"name": "Window Components",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "KqIDo",
"name": "lblWindow",
"fill": "$text-primary",
"content": "Window Chrome",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-lg",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "JrUqn",
"name": "Window/Chrome",
"reusable": true,
"clip": true,
"width": 420,
"fill": "$window-bg",
"cornerRadius": "$window-corner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "BeT1L",
"name": "TitleBar",
"width": "fill_container",
"fill": "$title-bar-bg",
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dr4vu",
"name": "titleLeft",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MtBlo",
"name": "titleIcon",
"width": 14,
"height": 14,
"fill": "$accent",
"cornerRadius": 3
},
{
"type": "text",
"id": "Lp22h",
"name": "titleText",
"fill": "$title-bar-text",
"content": "Window Title",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "bold"
}
]
},
{
"type": "frame",
"id": "CTFM9",
"name": "titleBtns",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "X6q5T",
"type": "ref",
"ref": "tHuug",
"name": "wb1"
},
{
"id": "gbcOr",
"type": "ref",
"ref": "hZcoI",
"name": "wb2"
},
{
"id": "yOyLw",
"type": "ref",
"ref": "ohupx",
"name": "wb3"
}
]
}
]
},
{
"type": "frame",
"id": "jzspB",
"name": "Content",
"width": "fill_container",
"height": 200,
"fill": "$surface-glass",
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "text",
"id": "yy46B",
"name": "contentPlaceholder",
"fill": "$text-secondary",
"content": "Window content area",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dpnhi",
"name": "Inputs & Tabs",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "Lkj1b",
"name": "lblInputs",
"fill": "$text-primary",
"content": "Inputs & Tabs",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-lg",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "Yfu00",
"name": "Input/Default",
"reusable": true,
"width": 220,
"fill": "$input-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$input-border"
},
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LYq3k",
"name": "inputText",
"fill": "$text-muted",
"content": "Input text...",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ohFot",
"name": "MenuBar",
"reusable": true,
"width": "fill_container",
"fill": "$surface-medium",
"padding": [
0,
4
],
"children": [
{
"type": "frame",
"id": "GX1yB",
"name": "MenuItem",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "Ue2QC",
"name": "menuText1",
"fill": "$text-secondary",
"content": "File",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4cQHb",
"name": "menuItem2",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "TkASg",
"name": "menuText2",
"fill": "$text-secondary",
"content": "Edit",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "5NwBV",
"name": "menuItem3",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "BHZx2",
"name": "menuText3",
"fill": "$text-secondary",
"content": "View",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "O6ZWu",
"name": "TabBar",
"reusable": true,
"children": [
{
"type": "frame",
"id": "JhUSn",
"name": "Tab/Active",
"reusable": true,
"fill": "$accent-dark",
"cornerRadius": [
6,
6,
0,
0
],
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "SoYUn",
"name": "tabActiveText",
"fill": "$text-primary",
"content": "Active Tab",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nA6SK",
"name": "Tab/Inactive",
"reusable": true,
"fill": "$button-bg",
"cornerRadius": [
6,
6,
0,
0
],
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "basi4",
"name": "tabInactiveText",
"fill": "$text-muted",
"content": "Inactive Tab",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "6ITW7",
"name": "Icons & Taskbar",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "lm7lq",
"name": "lblMisc",
"fill": "$text-primary",
"content": "Icons & Taskbar",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-lg",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "s44jv",
"name": "FolderIcon",
"reusable": true,
"width": 64,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "encLP",
"name": "folderShape",
"width": 40,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "$folder-color",
"position": 0
},
{
"color": "$folder-shadow",
"position": 1
}
]
},
"cornerRadius": [
4,
4,
2,
2
]
},
{
"type": "frame",
"id": "tpTz0",
"layoutPosition": "absolute",
"x": 2,
"y": -4,
"name": "folderTab",
"width": 18,
"height": 6,
"fill": "$folder-color",
"cornerRadius": [
3,
3,
0,
0
]
},
{
"type": "text",
"id": "dL9Kk",
"name": "folderLabel",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": 64,
"content": "Folder",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "2jRRx",
"name": "TaskbarButton",
"reusable": true,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"gap": 6,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "cRTVg",
"name": "taskbarIcon",
"width": 14,
"height": 14,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "hGoc9",
"name": "taskbarLabel",
"fill": "$text-primary",
"content": "App Name",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nciO8",
"name": "TaskbarButton/Active",
"reusable": true,
"fill": "$accent-dark",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"gap": 6,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4xZk9",
"name": "taskbarIconA",
"width": 14,
"height": 14,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$text-primary"
},
{
"type": "text",
"id": "0vhX9",
"name": "taskbarLabelA",
"fill": "$text-primary",
"content": "Active App",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "9C107",
"name": "StatusBar",
"reusable": true,
"width": 300,
"fill": "$surface-dark",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$divider"
},
"padding": [
4,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LgBQm",
"name": "statusLeft",
"fill": "$text-muted",
"content": "Status message",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "Jf8QV",
"name": "statusRight",
"fill": "$text-muted",
"content": "Ready",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "eLOtl",
"name": "Divider",
"reusable": true,
"width": 200,
"height": 1,
"fill": "$divider",
"layout": "none"
},
{
"type": "frame",
"id": "6ISmw",
"name": "Scrollbar",
"reusable": true,
"width": 10,
"height": 100,
"fill": "$scrollbar-bg",
"cornerRadius": 5,
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "YoDa1",
"name": "scrollThumb",
"width": "fill_container",
"height": 30,
"fill": "$scrollbar-thumb",
"cornerRadius": 5
}
]
}
]
}
]
},
{
"type": "frame",
"id": "4YDKk",
"x": -801,
"y": 1466,
"name": "App - File Manager",
"clip": true,
"width": 620,
"height": 500,
"fill": "$desktop-bg",
"layout": "vertical",
"children": [
{
"id": "LePPe",
"type": "ref",
"ref": "JrUqn",
"width": "fill_container",
"height": "fill_container",
"name": "win1",
"x": 0,
"y": 0,
"descendants": {
"Lp22h": {
"content": "Workstation File Manager"
},
"jzspB": {
"height": "fill_container",
"padding": 0,
"gap": 0,
"fill": "$surface-glass",
"children": [
{
"type": "frame",
"id": "IUVnZ",
"name": "menubar",
"width": "fill_container",
"fill": "$surface-medium",
"padding": [
0,
4
],
"children": [
{
"type": "frame",
"id": "lCZMS",
"name": "mf",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "aWN5o",
"fill": "$text-secondary",
"content": "File",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NzSwk",
"name": "ms",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "Jt3oU",
"fill": "$text-secondary",
"content": "Selected",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "prRgM",
"name": "mv",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "g2BrT",
"fill": "$text-secondary",
"content": "View",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "0xDDW",
"name": "mw",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "xwWmy",
"fill": "$text-secondary",
"content": "Window",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FndW3",
"name": "mh",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "7KWNQ",
"fill": "$text-secondary",
"content": "Help",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "8MRkQ",
"name": "grid",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"padding": [
16,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WOz5v",
"name": "row1",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "Emu4B",
"type": "ref",
"ref": "s44jv",
"name": "f1",
"descendants": {
"dL9Kk": {
"content": "Aliases"
}
}
},
{
"id": "litoh",
"type": "ref",
"ref": "s44jv",
"name": "f2",
"descendants": {
"dL9Kk": {
"content": "Debug"
}
}
},
{
"id": "KxiFt",
"type": "ref",
"ref": "s44jv",
"name": "f3",
"descendants": {
"dL9Kk": {
"content": "Documents"
}
}
},
{
"id": "PtKPM",
"type": "ref",
"ref": "s44jv",
"name": "f4",
"descendants": {
"dL9Kk": {
"content": "Downloads"
}
}
}
]
},
{
"type": "frame",
"id": "j5GLG",
"name": "row2",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "o9QX3",
"type": "ref",
"ref": "s44jv",
"name": "f5",
"descendants": {
"dL9Kk": {
"content": "Music"
}
}
},
{
"id": "dKbLT",
"type": "ref",
"ref": "s44jv",
"name": "f6",
"descendants": {
"dL9Kk": {
"content": "Pictures"
}
}
},
{
"id": "eK7Mo",
"type": "ref",
"ref": "s44jv",
"name": "f7",
"descendants": {
"dL9Kk": {
"content": "Packages"
}
}
},
{
"id": "ylST6",
"type": "ref",
"ref": "s44jv",
"name": "f8",
"descendants": {
"dL9Kk": {
"content": "Fonts"
}
}
}
]
},
{
"type": "frame",
"id": "jQXoc",
"name": "row3",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "PMcm1",
"type": "ref",
"ref": "s44jv",
"name": "f9",
"descendants": {
"dL9Kk": {
"content": "Events"
}
}
},
{
"id": "1Z6FZ",
"type": "ref",
"ref": "s44jv",
"name": "f10",
"descendants": {
"dL9Kk": {
"content": "Libraries"
}
}
},
{
"id": "2KdID",
"type": "ref",
"ref": "s44jv",
"name": "f11",
"descendants": {
"dL9Kk": {
"content": "Work"
}
}
},
{
"type": "frame",
"id": "IR3A7",
"name": "f12",
"width": 64,
"height": 52,
"layout": "none"
}
]
}
]
},
{
"id": "XipVd",
"type": "ref",
"ref": "9C107",
"width": "fill_container",
"name": "sb",
"descendants": {
"LgBQm": {
"content": "12 Items / 4.2 GB Available"
},
"Jf8QV": {
"content": ""
}
}
}
]
}
}
}
]
},
{
"type": "frame",
"id": "Y15tu",
"x": -101,
"y": 1466,
"name": "App - Style & System Manager",
"clip": true,
"width": 520,
"height": 500,
"fill": "$desktop-bg",
"layout": "vertical",
"children": [
{
"id": "CgfJQ",
"type": "ref",
"ref": "JrUqn",
"width": "fill_container",
"height": "fill_container",
"name": "win2",
"descendants": {
"Lp22h": {
"content": "Style & System Manager"
},
"jzspB": {
"height": "fill_container",
"padding": 12,
"gap": 12,
"fill": "$surface-glass",
"children": [
{
"type": "frame",
"id": "4Nihd",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "RG01K",
"name": "iconsRow",
"width": "fill_container",
"padding": 8,
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "wdStn",
"name": "ic1",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tU9nA",
"name": "ic1box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "yRpOD",
"width": 28,
"height": 28,
"iconFontName": "palette",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "X5AcC",
"fill": "$text-secondary",
"content": "Color",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cgAat",
"name": "ic2",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "kwxpG",
"name": "ic2box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sTlBD",
"fill": "$text-secondary",
"content": "Aa",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xl",
"fontWeight": "bold"
}
]
},
{
"type": "text",
"id": "aBNNC",
"fill": "$text-secondary",
"content": "Fonts",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "o62Tg",
"name": "ic3",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JMYV0",
"name": "ic3box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tkiFG",
"width": 28,
"height": 28,
"iconFontName": "image",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "N5mZ1",
"fill": "$text-secondary",
"content": "Backdrop",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "6LGdH",
"name": "ic4",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NmocH",
"name": "ic4box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Nky0q",
"width": 28,
"height": 28,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "DbZ5i",
"fill": "$text-secondary",
"content": "Network",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oYa2d",
"name": "ic5",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Ts1gr",
"name": "ic5box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sh4KG",
"width": 28,
"height": 28,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "ECSXy",
"fill": "$text-secondary",
"content": "Monitor",
"textAlign": "center",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"id": "8umza",
"type": "ref",
"ref": "eLOtl",
"width": "fill_container",
"name": "div1"
},
{
"type": "text",
"id": "Oy28H",
"fill": "$text-primary",
"content": "File Manager",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-md",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "YPw21",
"name": "colorArea",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iaVAZ",
"name": "colorGrid",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "frame",
"id": "ZopzV",
"name": "crow1",
"gap": 2,
"children": [
{
"type": "rectangle",
"id": "XOkaS",
"fill": "#FF0000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "iqjyB",
"fill": "#00FF00FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "nndJj",
"fill": "#0000FFFF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "36kk9",
"fill": "#FFFF00FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "Gz4g9",
"fill": "#FF00FFFF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "dCeZ1",
"fill": "#00FFFFFF",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "RfcWv",
"name": "crow2",
"gap": 2,
"children": [
{
"type": "rectangle",
"id": "QkUtP",
"fill": "#800000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "bzlGm",
"fill": "#008000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "l3TTf",
"fill": "#000080FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "r8Wrd",
"fill": "#808000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "5WsGa",
"fill": "#800080FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "CZOKl",
"fill": "#008080FF",
"width": 20,
"height": 20
}
]
}
]
},
{
"id": "WYkNS",
"type": "ref",
"ref": "Yfu00",
"width": 120,
"name": "hexInput",
"descendants": {
"LYq3k": {
"content": "#30DE11",
"fill": "$text-primary"
}
}
},
{
"type": "rectangle",
"cornerRadius": "$corner-sm",
"id": "9U5Wx",
"name": "colorPreview",
"fill": "#30DE11FF",
"width": 28,
"height": 28,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
}
}
]
},
{
"id": "1aZqi",
"type": "ref",
"ref": "eLOtl",
"width": "fill_container",
"name": "div2"
},
{
"type": "frame",
"id": "kaCNF",
"name": "loadArea",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "nRtwu",
"fill": "$text-muted",
"content": "Loading(1): ~/dev/1 ▸",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "6sdJD",
"name": "loadBar",
"width": "fill_container",
"height": 8,
"fill": "$surface-dark",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$divider"
},
"children": [
{
"type": "rectangle",
"cornerRadius": 4,
"id": "HymfP",
"name": "loadFill",
"fill": "$accent",
"width": 180,
"height": 8
}
]
}
]
},
{
"type": "frame",
"id": "9zzlu",
"name": "spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "wfQZI",
"name": "btnRow",
"width": "fill_container",
"gap": 8,
"justifyContent": "end",
"children": [
{
"id": "fo8ch",
"type": "ref",
"ref": "mqxJC",
"name": "applyBtn",
"descendants": {
"OswDM": {
"content": "Apply"
}
}
},
{
"id": "jsSwu",
"type": "ref",
"ref": "mqxJC",
"name": "cancelBtn",
"descendants": {
"OswDM": {
"content": "Cancel"
}
}
}
]
}
]
}
]
}
}
}
]
},
{
"type": "frame",
"id": "5b8g3",
"x": 499,
"y": 1466,
"name": "App - Terminal Console",
"clip": true,
"width": 560,
"fill": "$desktop-bg",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "4ggPd",
"name": "TerminalWindow",
"clip": true,
"width": "fill_container",
"fill": "$window-bg",
"cornerRadius": "$window-corner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "VsmFN",
"name": "termTitleBar",
"width": "fill_container",
"fill": "$title-bar-bg",
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JOoYK",
"name": "termTitleLeft",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "iY5QY",
"name": "termTitleIcon",
"width": 14,
"height": 14,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "4ubmS",
"name": "termTitleText",
"fill": "$title-bar-text",
"content": "Terminal Console",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "bold"
}
]
},
{
"type": "frame",
"id": "liGD9",
"name": "termTitleBtns",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "Mmv7F",
"type": "ref",
"ref": "tHuug",
"name": "twb1"
},
{
"id": "RiEb6",
"type": "ref",
"ref": "hZcoI",
"name": "twb2"
},
{
"id": "wb0Rk",
"type": "ref",
"ref": "ohupx",
"name": "twb3"
}
]
}
]
},
{
"type": "frame",
"id": "37d6T",
"name": "termPromptBar",
"width": "fill_container",
"fill": "$surface-medium",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$divider"
},
"gap": 8,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Y24KI",
"name": "termPromptLabel",
"fill": "$accent",
"content": "user@galaxy-ws",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "6f6P5",
"name": "termPromptHex",
"fill": "$input-bg",
"cornerRadius": 3,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$input-border"
},
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "v9mDm",
"name": "termHexText",
"fill": "#30DE11",
"content": "#30DE11",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "lBpUW",
"name": "termBody",
"width": "fill_container",
"fill": "$surface-dark",
"layout": "vertical",
"gap": 6,
"padding": [
12,
14
],
"children": [
{
"type": "frame",
"id": "Kjmur",
"name": "termLine1",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "LoSzU",
"name": "termPS1",
"fill": "$accent",
"content": "[user@galaxy-ws ~/dev/] $ ",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "Jv0Ja",
"name": "termCmd1",
"fill": "$text-primary",
"content": "ls -la -h",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "srpIa",
"name": "termLine2",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "total 48K",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "XW3Ab",
"name": "termLine3",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 12 user staff 384B Apr 9 14:37 .",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "JMZZ8",
"name": "termLine4",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 6 user staff 192B Apr 9 10:22 ..",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "IjtIP",
"name": "termLine5",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "-rw-r--r-- 1 user staff 2.4K Apr 9 14:35 config.yml",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "tjLEw",
"name": "termLine6",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 8 user staff 256B Apr 8 09:15 src",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "SMM5E",
"name": "termLine7",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "-rw-r--r-- 1 user staff 1.8K Apr 7 16:42 Makefile",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "ZPef8",
"name": "termLine8",
"fill": "$text-secondary",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 4 user staff 128B Apr 6 11:30 build",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "qCXLa",
"name": "termLine9",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "i4uM3",
"name": "termPS2",
"fill": "$accent",
"content": "[user@galaxy-ws ~/dev/] $ ",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Uso9R",
"name": "termCursor",
"width": 7,
"height": 12,
"fill": "$accent"
}
]
},
{
"type": "frame",
"id": "vSaCf",
"name": "termSpacer",
"width": "fill_container",
"height": 80,
"fill": "$surface-dark"
}
]
},
{
"type": "frame",
"id": "pzRa9",
"name": "termStatus",
"width": "fill_container",
"fill": "$surface-medium",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$divider"
},
"padding": [
4,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZP6P8",
"name": "termStatusL",
"fill": "$text-muted",
"content": "~/dev/",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "76537",
"name": "termStatusR",
"fill": "$text-muted",
"content": "zsh | UTF-8",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ykljk",
"x": 499,
"y": 1926,
"name": "App - Taskbar & Clock",
"clip": true,
"width": 900,
"fill": "$desktop-bg",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "UG6go",
"name": "Taskbar",
"width": "fill_container",
"fill": "$taskbar-bg",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"padding": [
6,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "FyQMx",
"name": "taskLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "Bf7bU",
"type": "ref",
"ref": "nciO8",
"name": "tb1",
"descendants": {
"4xZk9": {
"iconFontName": "folder"
},
"0vhX9": {
"content": "File Cabinet"
}
}
},
{
"id": "J2vXZ",
"type": "ref",
"ref": "2jRRx",
"name": "tb2",
"descendants": {
"cRTVg": {
"iconFontName": "monitor"
},
"hGoc9": {
"content": "CRT Monitor"
}
}
},
{
"id": "JIcs7",
"type": "ref",
"ref": "2jRRx",
"name": "tb3",
"descendants": {
"cRTVg": {
"iconFontName": "settings"
},
"hGoc9": {
"content": "GearBox"
}
}
},
{
"type": "frame",
"id": "mGf38",
"name": "taskDivider",
"width": 1,
"height": 24,
"fill": "$divider"
},
{
"id": "y0tVD",
"type": "ref",
"ref": "2jRRx",
"name": "tb4",
"descendants": {
"cRTVg": {
"iconFontName": "tv"
},
"hGoc9": {
"content": "File Manager"
}
}
},
{
"id": "RuaTQ",
"type": "ref",
"ref": "2jRRx",
"name": "tb5",
"descendants": {
"cRTVg": {
"iconFontName": "terminal"
},
"hGoc9": {
"content": "Settings"
}
}
}
]
},
{
"type": "frame",
"id": "w8jRK",
"name": "taskRight",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "xjFgp",
"name": "taskSep",
"width": 1,
"height": 24,
"fill": "$divider"
},
{
"type": "frame",
"id": "S2Y9C",
"name": "ClockWidget",
"fill": "$surface-medium",
"cornerRadius": "$corner-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"gap": 16,
"padding": [
4,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jZ6nb",
"name": "clockTime",
"fill": "$text-primary",
"content": "14:37:38",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-clock",
"fontWeight": "bold",
"letterSpacing": 2
},
{
"type": "frame",
"id": "SajMe",
"name": "clockRight",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "pq083",
"name": "clockLabel",
"fill": "$text-muted",
"content": "IBM Plex Mono",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
},
{
"type": "text",
"id": "nQ4nT",
"name": "clockDate",
"fill": "$text-secondary",
"content": "Apr 9, 2026",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "RZgYB",
"name": "clockTz",
"fill": "$text-muted",
"content": "UTC+00 (GMT)",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "atFop",
"name": "taskTray",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "EK56l",
"name": "trayIcon1",
"width": 14,
"height": 14,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
},
{
"type": "icon_font",
"id": "H0MgY",
"name": "trayIcon2",
"width": 14,
"height": 14,
"iconFontName": "volume-2",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
},
{
"type": "icon_font",
"id": "ZnVKq",
"name": "trayIcon3",
"width": 14,
"height": 14,
"iconFontName": "battery-full",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dlZlk",
"x": 1139,
"y": 1466,
"name": "App - Action Buttons",
"clip": true,
"width": 180,
"fill": "$desktop-bg",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "966LE",
"name": "ActionButtonsWindow",
"clip": true,
"width": "fill_container",
"fill": "$window-bg",
"cornerRadius": "$window-corner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "anYic",
"name": "actTitle",
"width": "fill_container",
"fill": "$title-bar-bg",
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "6L4bN",
"name": "actTitleLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YcXNH",
"name": "actTitleIcon",
"width": 12,
"height": 12,
"iconFontName": "grid-3x3",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "buT3v",
"name": "actTitleText",
"fill": "$title-bar-text",
"content": "Action Buttons",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "bold"
}
]
},
{
"type": "frame",
"id": "rl0Dd",
"name": "actTitleBtns",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "pXSTN",
"type": "ref",
"ref": "tHuug",
"name": "ab1"
},
{
"id": "ZZNys",
"type": "ref",
"ref": "ohupx",
"name": "ab2"
}
]
}
]
},
{
"type": "frame",
"id": "GtV0O",
"name": "actBody",
"width": "fill_container",
"fill": "$surface-glass",
"layout": "vertical",
"gap": 6,
"padding": 10,
"children": [
{
"type": "frame",
"id": "a4eMu",
"name": "actRow1",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "Yk9Nh",
"name": "actBtn1",
"width": "fill_container",
"height": 50,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zQLj6",
"name": "actIcon1",
"width": 16,
"height": 16,
"iconFontName": "timer",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "AFNjj",
"name": "actLbl1",
"fill": "$text-secondary",
"content": "Clock",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JyUf2",
"name": "actBtn2",
"width": "fill_container",
"height": 50,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "kqtJa",
"name": "actIcon2",
"width": 16,
"height": 16,
"iconFontName": "calculator",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "KTglt",
"name": "actLbl2",
"fill": "$text-secondary",
"content": "Calc",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "kjkin",
"name": "actRow2",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "YwCSp",
"name": "actBtn3",
"width": "fill_container",
"height": 50,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tX0qi",
"name": "actIcon3",
"width": 16,
"height": 16,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "v2sb6",
"name": "actLbl3",
"fill": "$text-secondary",
"content": "Mail",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "T2MI9",
"name": "actBtn4",
"width": "fill_container",
"height": 50,
"fill": "$button-bg",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sjz55",
"name": "actIcon4",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$accent"
},
{
"type": "text",
"id": "8QaHH",
"name": "actLbl4",
"fill": "$text-secondary",
"content": "Settings",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "3XfGX",
"name": "actRow3",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "5EdsR",
"name": "actBtn5",
"width": "fill_container",
"height": 50,
"fill": "$accent-dark",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$accent"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YnG7i",
"name": "actIcon5",
"width": 16,
"height": 16,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "$text-primary"
},
{
"type": "text",
"id": "dSjix",
"name": "actLbl5",
"fill": "$text-primary",
"content": "Lock",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "W2fDx",
"name": "actBtn6",
"width": "fill_container",
"height": 50,
"fill": "$danger",
"cornerRadius": "$corner-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$window-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "m0vp6",
"name": "actIcon6",
"width": 16,
"height": 16,
"iconFontName": "power",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
},
{
"type": "text",
"id": "dB4S8",
"name": "actLbl6",
"fill": "#FFFFFF",
"content": "Logout",
"fontFamily": "IBM Plex Mono",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
],
"variables": {
"accent": {
"type": "color",
"value": "#4A8A90FF"
},
"accent-dark": {
"type": "color",
"value": "#2E5E64FF"
},
"accent-hover": {
"type": "color",
"value": "#5AA0A8FF"
},
"border-width": {
"type": "number",
"value": 1
},
"button-bg": {
"type": "color",
"value": "#2A3E55CC"
},
"button-border": {
"type": "color",
"value": "#3A5A78FF"
},
"button-hover": {
"type": "color",
"value": "#3A5068CC"
},
"corner-lg": {
"type": "number",
"value": 8
},
"corner-md": {
"type": "number",
"value": 6
},
"corner-sm": {
"type": "number",
"value": 3
},
"danger": {
"type": "color",
"value": "#C85050FF"
},
"desktop-bg": {
"type": "color",
"value": "#0A1018FF"
},
"divider": {
"type": "color",
"value": "#2A4058FF"
},
"folder-color": {
"type": "color",
"value": "#C8A868FF"
},
"folder-shadow": {
"type": "color",
"value": "#8A7040FF"
},
"font-main": {
"type": "string",
"value": "IBM Plex Mono"
},
"font-size-clock": {
"type": "number",
"value": 36
},
"font-size-lg": {
"type": "number",
"value": 16
},
"font-size-md": {
"type": "number",
"value": 13
},
"font-size-sm": {
"type": "number",
"value": 11
},
"font-size-xl": {
"type": "number",
"value": 20
},
"font-size-xs": {
"type": "number",
"value": 9
},
"input-bg": {
"type": "color",
"value": "#0E1A28E6"
},
"input-border": {
"type": "color",
"value": "#2A4058FF"
},
"scrollbar-bg": {
"type": "color",
"value": "#1A2838FF"
},
"scrollbar-thumb": {
"type": "color",
"value": "#3A5A78FF"
},
"spacing-lg": {
"type": "number",
"value": 16
},
"spacing-md": {
"type": "number",
"value": 12
},
"spacing-sm": {
"type": "number",
"value": 8
},
"spacing-xl": {
"type": "number",
"value": 24
},
"spacing-xs": {
"type": "number",
"value": 4
},
"success": {
"type": "color",
"value": "#50A868FF"
},
"surface-dark": {
"type": "color",
"value": "#0E1620FF"
},
"surface-glass": {
"type": "color",
"value": "#1E2E4280"
},
"surface-light": {
"type": "color",
"value": "#2A3E52FF"
},
"surface-medium": {
"type": "color",
"value": "#1A2838FF"
},
"taskbar-bg": {
"type": "color",
"value": "#141E2CE6"
},
"text-muted": {
"type": "color",
"value": "#5A7A90FF"
},
"text-primary": {
"type": "color",
"value": "#C8DDE8FF"
},
"text-secondary": {
"type": "color",
"value": "#8AA4B8FF"
},
"title-bar-bg": {
"type": "color",
"value": "#2A3E55E6"
},
"title-bar-text": {
"type": "color",
"value": "#B0C8DCFF"
},
"window-bg": {
"type": "color",
"value": "#1E2A3AE6"
},
"window-bg-solid": {
"type": "color",
"value": "#1E2A3AFF"
},
"window-border": {
"type": "color",
"value": "#3A5068FF"
},
"window-border-light": {
"type": "color",
"value": "#4A6A85FF"
},
"window-corner": {
"type": "number",
"value": 8
}
}
}
Reference in a new issue Copy permalink