From 964f8d713393bd1294e0ea7295d9b268ecdc128d Mon Sep 17 00:00:00 2001
From: buyBread <buymybreadalt@gmail.com>
Date: Thu, 24 Oct 2019 21:45:59 +0300
Subject: [PATCH 1/2] ui colors tab

---
 data/menu/nullifiedcat/visuals.xml          |  1 +
 data/menu/nullifiedcat/visuals/uicolors.xml | 88 +++++++++++++++++++++
 2 files changed, 89 insertions(+)
 create mode 100644 data/menu/nullifiedcat/visuals/uicolors.xml

diff --git a/data/menu/nullifiedcat/visuals.xml b/data/menu/nullifiedcat/visuals.xml
index b50e9f06..3a6e1245 100755
--- a/data/menu/nullifiedcat/visuals.xml
+++ b/data/menu/nullifiedcat/visuals.xml
@@ -8,6 +8,7 @@
         <Include path="nullifiedcat/visuals/radar.xml"/>
         <Include path="nullifiedcat/visuals/playerinfo.xml"/>
         <Include path="nullifiedcat/visuals/ui.xml"/>
+        <Include path="nullifiedcat/visuals/uicolors.xml"/>
         <Include path="nullifiedcat/visuals/bullettracers.xml"/>
         <Include path="nullifiedcat/visuals/world.xml"/>
     </TabContainer>
diff --git a/data/menu/nullifiedcat/visuals/uicolors.xml b/data/menu/nullifiedcat/visuals/uicolors.xml
new file mode 100644
index 00000000..45404d33
--- /dev/null
+++ b/data/menu/nullifiedcat/visuals/uicolors.xml
@@ -0,0 +1,88 @@
+<Tab name="UI Colors" padding="4 4 4 4">
+    <Box padding="12 6 6 6" width="content" height="content" name="Window">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.window.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.window.color.background.active" label="Active Background"/>
+            <AutoVariable width="fill" target="zk.style.window.color.background.inactive" label="Inactive Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Window Titlebars" x="170">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.window-header.color.border.active" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.window-header.color.background.active" label="Active Background"/>
+            <AutoVariable width="fill" target="zk.style.window-header.color.background.inactive" label="Inactive Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Window Close button" x="340">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.window-close-button.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.window-close-button.color.background-hover" label="Hover Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="List Select" y="71">
+        <List width="75">
+            <AutoVariable width="fill" target="zk.style.input.select.border" label="Border"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Text Input" x="90" y="71">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.text.color.border.active" label="Active Border"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.border.inactive" label="Inactive Border"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.text.active" label="Active Text"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.text.inactive" label="Inactive Text"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Key Input" x="225" y="71">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.key.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.input.key.color.background.capturing" label="Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Slider" x="361" y="71">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_border" label="Handle Border"/>
+            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_body" label="Handle Body"/>
+            <AutoVariable width="fill" target="zk.style.input.slider.color.bar" label="Bar"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Checkbox" x="496" y="71">
+        <List width="85">
+            <AutoVariable width="fill" target="zk.style.checkbox.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.checkbox.color.checked" label="Checked"/>
+            <AutoVariable width="fill" target="zk.style.checkbox.color.hover" label="Hover"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Playerlist" y="159">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.player-list.team.red" label="RED Team"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.red-dead" label="RED Team dead"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.blue" label="BLU Team"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.blue-dead" label="BLU Team dead"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Taskbar" x="170" y="159">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.taskbar.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.taskbar.color.background" label="Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Task" x="340" y="159">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.task.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.task.color.background.hover" label="Hover"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.focused" label="Text Focused"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.open" label="Text Open"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.closed" label="Text Closed"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Other Container elements" x= "170" y="220">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.box.color.border" label="Box Border"/>
+            <AutoVariable width="fill" target="zk.style.tab-selection.color.border" label="Tab Selection Border"/>
+            <AutoVariable width="fill" target="zk.style.input.color.border" label="Color Picker Border"/>
+            <AutoVariable width="fill" target="zk.style.modal-container.color.border" label="Modal Border"/>
+            <AutoVariable width="fill" target="zk.style.modal-container.color.background" label="Modal Background"/>
+            <AutoVariable width="fill" target="zk.style.table.color.border" label="Table"/>
+        </List>
+    </Box>
+</Tab>

From f3ef6d4972f46acf57919fc768b9e46de44e75d3 Mon Sep 17 00:00:00 2001
From: buyBread <buymybreadalt@gmail.com>
Date: Fri, 25 Oct 2019 07:33:55 +0300
Subject: [PATCH 2/2] vertical rows for ui colors

---
 data/menu/nullifiedcat/visuals/uicolors.xml | 118 ++++++++++----------
 1 file changed, 59 insertions(+), 59 deletions(-)

diff --git a/data/menu/nullifiedcat/visuals/uicolors.xml b/data/menu/nullifiedcat/visuals/uicolors.xml
index 45404d33..998d30d1 100644
--- a/data/menu/nullifiedcat/visuals/uicolors.xml
+++ b/data/menu/nullifiedcat/visuals/uicolors.xml
@@ -6,76 +6,20 @@
             <AutoVariable width="fill" target="zk.style.window.color.background.inactive" label="Inactive Background"/>
         </List>
     </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Window Titlebars" x="170">
+    <Box padding="12 6 6 6" width="content" height="content" name="Window Titlebars" y="73">
         <List width="150">
             <AutoVariable width="fill" target="zk.style.window-header.color.border.active" label="Border"/>
             <AutoVariable width="fill" target="zk.style.window-header.color.background.active" label="Active Background"/>
             <AutoVariable width="fill" target="zk.style.window-header.color.background.inactive" label="Inactive Background"/>
         </List>
     </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Window Close button" x="340">
+    <Box padding="12 6 6 6" width="content" height="content" name="Window Close button" y="146">
         <List width="150">
             <AutoVariable width="fill" target="zk.style.window-close-button.color.border" label="Border"/>
             <AutoVariable width="fill" target="zk.style.window-close-button.color.background-hover" label="Hover Background"/>
         </List>
     </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="List Select" y="71">
-        <List width="75">
-            <AutoVariable width="fill" target="zk.style.input.select.border" label="Border"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Text Input" x="90" y="71">
-        <List width="120">
-            <AutoVariable width="fill" target="zk.style.input.text.color.border.active" label="Active Border"/>
-            <AutoVariable width="fill" target="zk.style.input.text.color.border.inactive" label="Inactive Border"/>
-            <AutoVariable width="fill" target="zk.style.input.text.color.text.active" label="Active Text"/>
-            <AutoVariable width="fill" target="zk.style.input.text.color.text.inactive" label="Inactive Text"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Key Input" x="225" y="71">
-        <List width="120">
-            <AutoVariable width="fill" target="zk.style.input.key.color.border" label="Border"/>
-            <AutoVariable width="fill" target="zk.style.input.key.color.background.capturing" label="Background"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Slider" x="361" y="71">
-        <List width="120">
-            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_border" label="Handle Border"/>
-            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_body" label="Handle Body"/>
-            <AutoVariable width="fill" target="zk.style.input.slider.color.bar" label="Bar"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Checkbox" x="496" y="71">
-        <List width="85">
-            <AutoVariable width="fill" target="zk.style.checkbox.color.border" label="Border"/>
-            <AutoVariable width="fill" target="zk.style.checkbox.color.checked" label="Checked"/>
-            <AutoVariable width="fill" target="zk.style.checkbox.color.hover" label="Hover"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Playerlist" y="159">
-        <List width="150">
-            <AutoVariable width="fill" target="zk.style.player-list.team.red" label="RED Team"/>
-            <AutoVariable width="fill" target="zk.style.player-list.team.red-dead" label="RED Team dead"/>
-            <AutoVariable width="fill" target="zk.style.player-list.team.blue" label="BLU Team"/>
-            <AutoVariable width="fill" target="zk.style.player-list.team.blue-dead" label="BLU Team dead"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Taskbar" x="170" y="159">
-        <List width="150">
-            <AutoVariable width="fill" target="zk.style.taskbar.color.border" label="Border"/>
-            <AutoVariable width="fill" target="zk.style.taskbar.color.background" label="Background"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Task" x="340" y="159">
-        <List width="150">
-            <AutoVariable width="fill" target="zk.style.task.color.border" label="Border"/>
-            <AutoVariable width="fill" target="zk.style.task.color.background.hover" label="Hover"/>
-            <AutoVariable width="fill" target="zk.style.task.color.text.focused" label="Text Focused"/>
-            <AutoVariable width="fill" target="zk.style.task.color.text.open" label="Text Open"/>
-            <AutoVariable width="fill" target="zk.style.task.color.text.closed" label="Text Closed"/>
-        </List>
-    </Box>
-    <Box padding="12 6 6 6" width="content" height="content" name="Other Container elements" x= "170" y="220">
+    <Box padding="12 6 6 6" width="content" height="content" name="Other Container elements" y="203">
         <List width="150">
             <AutoVariable width="fill" target="zk.style.box.color.border" label="Box Border"/>
             <AutoVariable width="fill" target="zk.style.tab-selection.color.border" label="Tab Selection Border"/>
@@ -85,4 +29,60 @@
             <AutoVariable width="fill" target="zk.style.table.color.border" label="Table"/>
         </List>
     </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="List Select" x="170">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.select.border" label="Border"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Text Input" x="170" y="38">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.text.color.border.active" label="Active Border"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.border.inactive" label="Inactive Border"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.text.active" label="Active Text"/>
+            <AutoVariable width="fill" target="zk.style.input.text.color.text.inactive" label="Inactive Text"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Key Input" x="170" y="128">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.key.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.input.key.color.background.capturing" label="Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Slider" x="170" y="184">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_border" label="Handle Border"/>
+            <AutoVariable width="fill" target="zk.style.input.slider.color.handle_body" label="Handle Body"/>
+            <AutoVariable width="fill" target="zk.style.input.slider.color.bar" label="Bar"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Checkbox" x="170" y="257">
+        <List width="120">
+            <AutoVariable width="fill" target="zk.style.checkbox.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.checkbox.color.checked" label="Checked"/>
+            <AutoVariable width="fill" target="zk.style.checkbox.color.hover" label="Hover"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Playerlist" x="310">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.player-list.team.red" label="RED Team"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.red-dead" label="RED Team dead"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.blue" label="BLU Team"/>
+            <AutoVariable width="fill" target="zk.style.player-list.team.blue-dead" label="BLU Team dead"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Taskbar" x="310" y="91">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.taskbar.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.taskbar.color.background" label="Background"/>
+        </List>
+    </Box>
+    <Box padding="12 6 6 6" width="content" height="content" name="Task" x="310" y="148">
+        <List width="150">
+            <AutoVariable width="fill" target="zk.style.task.color.border" label="Border"/>
+            <AutoVariable width="fill" target="zk.style.task.color.background.hover" label="Hover"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.focused" label="Text Focused"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.open" label="Text Open"/>
+            <AutoVariable width="fill" target="zk.style.task.color.text.closed" label="Text Closed"/>
+        </List>
+    </Box>
 </Tab>