Jayden/wayvr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wgui: update xmls

Browse Source
This commit is contained in:
Aleksander
2025-06-18 19:31:30 +02:00
parent a03a855f19
commit de5daf4b90
3 changed files with 43 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
wgui/uidev-vk/assets/gui/bar.xml
View File

@@ -1,38 +1,22 @@
<layout> <layout>
<theme> <include src="wlx_theme.xml" />
<var key="bg_color" value="#24273a" />
<var key="bg_color_active" value="#44475a" /> <template name="TopButton">
<var key="device_color" value="#666666" /> <rectangle color="~bg_color" padding="8" round="50%">
<var key="text_color" value="#dddddd" /> <sprite color="~device_color" width="48" height="48" src="${src}" />
<var key="slider_bg_color" value="#666666" /> </rectangle>
<var key="slider_fg_color" value="#ffffff" /> </template>
<var key="slider_text_color" value="#000000" />
</theme>
<elements> <elements>
<div box_sizing="content_box" flex_direction="column" justify_content="center" align_content="center"> <div box_sizing="content_box" flex_direction="column" justify_content="center" align_content="center">
<rectangle padding="10" gap="8" round="100%" color="~bg_color" justify_content="center" align_content="center"> <rectangle padding="10" gap="8" round="100%" color="~bg_color" justify_content="center" align_content="center">
<rectangle color="~bg_color" padding="8" round="50%"> <TopButton src="bar/lock_open.svg" />
<sprite color="~device_color" width="48" height="48" src="bar/lock_open.svg" /> <TopButton src="bar/mouse.svg" />
</rectangle> <TopButton src="bar/fade.svg" />
<rectangle color="~bg_color" padding="8" round="50%"> <TopButton src="bar/move-all.svg" />
<sprite color="~device_color" width="48" height="48" src="bar/mouse.svg" /> <TopButton src="bar/resize.svg" />
</rectangle> <TopButton src="bar/inout.svg" />
<rectangle color="~bg_color_active" padding="8" round="50%"> <TopButton src="bar/delete.svg" />
<sprite color="~device_color" width="48" height="48" src="bar/fade.svg" />
</rectangle>
<rectangle color="~bg_color" padding="8" round="50%">
<sprite color="~device_color" width="48" height="48" src="bar/move-all.svg" />
</rectangle>
<rectangle color="~bg_color" padding="8" round="50%">
<sprite color="~device_color" width="48" height="48" src="bar/resize.svg" />
</rectangle>
<rectangle color="~bg_color" padding="8" round="50%">
<sprite color="~device_color" width="48" height="48" src="bar/inout.svg" />
</rectangle>
<rectangle color="~bg_color" padding="8" round="50%">
<sprite color="~device_color" width="48" height="48" src="bar/delete.svg" />
</rectangle>
</rectangle> </rectangle>
<rectangle padding="8" gap="8" round="100%" color="~bg_color_active" justify_content="center" align_content="center"> <rectangle padding="8" gap="8" round="100%" color="~bg_color_active" justify_content="center" align_content="center">
<label size="18" text="Opacity" color="~text_color" /> <label size="18" text="Opacity" color="~text_color" />
@@ -47,4 +31,4 @@
</rectangle> </rectangle>
</div> </div>
</elements> </elements>
</layout> </layout>

30
wgui/uidev-vk/assets/gui/watch.xml
View File

@@ -1,11 +1,11 @@
<layout> <layout>
<include src="wlx_theme.xml" />
<theme> <theme>
<var key="border" value="2" /> <var key="border" value="2" />
<var key="bg_color" value="#24273a" />
<var key="kbd_color" value="#a6da95" /> <var key="kbd_color" value="#a6da95" />
<var key="set_color" value="#cad3f5" />
<var key="set_color" value="#dddddd" /> <var key="set_color" value="#dddddd" />
<var key="device_color" value="#666666" />
<var key="clock0_color" value="#cad3f5" /> <var key="clock0_color" value="#cad3f5" />
<var key="clock0_size" value="46" /> <var key="clock0_size" value="46" />
<var key="clock0_date_size" value="14" /> <var key="clock0_date_size" value="14" />
@@ -16,35 +16,39 @@
<var key="clock_alt_tz_size" value="14" /> <var key="clock_alt_tz_size" value="14" />
</theme> </theme>
<template name="Device">
<sprite color="~device_color" width="48" height="48" src="${src}" />
</template>
<elements> <elements>
<div width="400" height="200"> <div width="400" height="200">
<rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" gap="16" color="~bg_color"> <rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" gap="16" color="~bg_color">
<div width="100%" flex_direction="row"> <div width="100%" flex_direction="row">
<sprite color="~device_color" width="48" height="48" src="watch/hmd.svg" /> <Device src="watch/hmd.svg" />
<sprite color="~device_color" width="48" height="48" src="watch/controller.svg" /> <Device src="watch/controller.svg" />
<sprite color="~device_color" width="48" height="48" src="watch/controller.svg" /> <Device src="watch/controller.svg" />
<sprite color="~device_color" width="48" height="48" src="watch/track3.svg" /> <Device src="watch/track3.svg" />
<sprite color="~device_color" width="48" height="48" src="watch/track3.svg" /> <Device src="watch/track3.svg" />
<sprite color="~device_color" width="48" height="48" src="watch/track3.svg" /> <Device src="watch/track3.svg" />
</div> </div>
<div flex_direction="row"> <div flex_direction="row">
<div id="clock_main" flex_direction="column" padding="4"> <div id="clock_main" flex_direction="column" padding="4">
<label text="23:59" id="clock0" color="~clock0_color" size="~clock0_size" weight="bold" /> <label text="23:59" id="clock0" color="~clock0_color" size="~clock0_size" weight="bold" />
<label text="22/2/2022" id="clock0_date" color="~clock0_color" size="~clock0_date_size" weight="bold" /> <label text="22/2/2022" id="clock0_date" color="~clock0_color" size="~clock0_date_size" weight="bold" />
<div width="100%" padding="2"/> <div width="100%" padding="2" />
<label text="Friday" id="clock0_dow" color="~clock0_color" size="~clock0_dow_size" weight="bold" /> <label text="Friday" id="clock0_dow" color="~clock0_color" size="~clock0_dow_size" weight="bold" />
</div> </div>
<div width="10" height="100%" /> <div width="10" height="100%" />
<div id="clock_alt" flex_direction="column" padding="4"> <div id="clock_alt" flex_direction="column" padding="4">
<label text="Paris" id="clock1_tz" color="~clock_alt1_color" size="~clock_alt_tz_size" weight="bold" /> <label text="Paris" id="clock1_tz" color="~clock_alt1_color" size="~clock_alt_tz_size" weight="bold" />
<div width="100%" padding="2"/> <div width="100%" padding="2" />
<label text="23:59" id="clock1_time" color="~clock_alt1_color" size="~clock_alt_size" weight="bold" /> <label text="23:59" id="clock1_time" color="~clock_alt1_color" size="~clock_alt_size" weight="bold" />
<label text="Chicago" id="clock2_tz" color="~clock_alt2_color" size="~clock_alt_tz_size" weight="bold" /> <label text="Chicago" id="clock2_tz" color="~clock_alt2_color" size="~clock_alt_tz_size" weight="bold" />
<div width="100%" padding="2"/> <div width="100%" padding="2" />
<label text="23:59" id="clock2_time" color="~clock_alt2_color" size="~clock_alt_size" weight="bold" /> <label text="23:59" id="clock2_time" color="~clock_alt2_color" size="~clock_alt_size" weight="bold" />
</div> </div>
</div> </div>
</rectangle> </rectangle>
</div> </div>
</elements> </elements>
</layout> </layout>

11
wgui/uidev-vk/assets/gui/wlx_theme.xml Normal file
View File

@@ -0,0 +1,11 @@
<layout>
<theme>
<var key="bg_color" value="#24273a" />
<var key="bg_color_active" value="#44475a" />
<var key="device_color" value="#666666" />
<var key="text_color" value="#dddddd" />
<var key="slider_bg_color" value="#666666" />
<var key="slider_fg_color" value="#ffffff" />
<var key="slider_text_color" value="#000000" />
</theme>
</layout>