diff --git a/images/Gemini_Generated_Image_rhnenwrhnenwrhne.png b/images/Gemini_Generated_Image_rhnenwrhnenwrhne.png new file mode 100644 index 0000000..a2fb1c6 Binary files /dev/null and b/images/Gemini_Generated_Image_rhnenwrhnenwrhne.png differ diff --git a/untitled.pen b/untitled.pen new file mode 100644 index 0000000..82ec837 --- /dev/null +++ b/untitled.pen @@ -0,0 +1,2877 @@ +{ + "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 + } + } +} \ No newline at end of file