From 81ce4f68b1e91ab2a139be4b938661e99923174d Mon Sep 17 00:00:00 2001
From: Erevos <58960464+Erevoid@users.noreply.github.com>
Date: Sun, 19 Apr 2020 19:41:04 +0300
Subject: [PATCH] Dark Theme Visual Improvements (#213)

-Fixed Container Constants
-Fixed grabber slider
-Added new Grabber icon and split container icon
-Removed button Borders

Co-authored-by: Erevoid <Erevoid@users.noreply.github.com>
---
 Assets/Graphics/Dark Themes/Misc/Grabber.png  | Bin 0 -> 639 bytes
 .../Dark Themes/Misc/Grabber.png.import       |  34 +++++++
 .../Dark Themes/Misc/Grabber_Hover.png        | Bin 0 -> 629 bytes
 .../Dark Themes/Misc/Grabber_Hover.png.import |  34 +++++++
 Assets/Graphics/Dark Themes/Misc/Hsplit.png   | Bin 0 -> 592 bytes
 .../Dark Themes/Misc/Hsplit.png.import        |  34 +++++++
 Assets/Graphics/Dark Themes/Misc/Vsplit.png   | Bin 0 -> 591 bytes
 .../Dark Themes/Misc/Vsplit.png.import        |  34 +++++++
 Themes & Styles/Dark Theme/Dark Theme.tres    |  89 +++++++++++-------
 9 files changed, 193 insertions(+), 32 deletions(-)
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Grabber.png
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Grabber.png.import
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png.import
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Hsplit.png
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Hsplit.png.import
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Vsplit.png
 create mode 100644 Assets/Graphics/Dark Themes/Misc/Vsplit.png.import

diff --git a/Assets/Graphics/Dark Themes/Misc/Grabber.png b/Assets/Graphics/Dark Themes/Misc/Grabber.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5204c1aaac19b77e88562a17eca4d721e92f293
GIT binary patch
literal 639
zcmV-_0)YLAP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$i(@I4uf>sc9$WWauii$W&6^me@v=v%)FuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_7;J6>}?mh0_0Ya_BRMR&BsG4OY
zq7gBjSrz@S@Szv|7{a*3Og)xdOrh=gx`&6acVV8@{@kCVTgjRX@QB27OgAjz4dR(i
zOXs{#9ApJaAwDM_Gw6cEk6f2se&d{XSm2pKBbAsZ4iby`7M5F>6%3VlnmDAW8s!UV
zmle)ioYhi=HSWn@7|3cXNv_izMifhkAr28TDk!1^3t?I{QcNUhKhnlO==kI0lF3yB
zBgX>DP$4;f@IUz7t(lvebdv%RpyS21KSlumE>N%9_V=-E*G~ZNGjOFf{pA`k`$>AW
zsfCV!o^9abx~a)~z~v4w@T5zI<VaqcLM{iqpV2pEfWBLxYt8Mgv5(USAVpm*-v9@P
zz-XSb*W0|iv$eN>&ouh`0j_6qzvRcGumAu624YJ`L;w^32LML)(|8>K000SaNLh0L
z04^f{04^f|c%?sf00007bV*G`2jm130t7A88sM4$000?uMObu0Z*6U5Zgc=ca%Ew3
zWn>_CX>@2HM@dakSAh-}00011Nkl<ZD9^o;K?=Y?2m_P-p*~cfXfIuGt+aS)z>7=-
zqr@#U3%p2G2>{Hnh_Hj*J+_Hoa5b$4j#9|XDucQ`j^4sh{~Nlb_%Q6q5|HbNb$+<%
ZYg`#tEgcgtvd91c002ovPDHLkV1hob4ygbD

literal 0
HcmV?d00001

diff --git a/Assets/Graphics/Dark Themes/Misc/Grabber.png.import b/Assets/Graphics/Dark Themes/Misc/Grabber.png.import
new file mode 100644
index 000000000..6cca239ed
--- /dev/null
+++ b/Assets/Graphics/Dark Themes/Misc/Grabber.png.import	
@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/Grabber.png-5cb63a280eb2dbe2ca5a47ccab8d7cfb.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://Assets/Graphics/Dark Themes/Misc/Grabber.png"
+dest_files=[ "res://.import/Grabber.png-5cb63a280eb2dbe2ca5a47ccab8d7cfb.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=false
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0
diff --git a/Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png b/Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8767733dc967c458a8bc5b82b0501972a4abac2
GIT binary patch
literal 629
zcmV-*0*d{KP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$i(@I4uf>sc9$WWauii$W&6^me@v=v%)FuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_7;J6>}?mh0_0Ya_BRMR&BsG4OY
zq7gBjSrz@S@Szv|7{a*3Og)xdOrh=gx`&6acVV8@{@kCVTgjRX@QB27OgAjz4dR(i
zOXs{#9ApJaAwDM_Gw6cEk6f2se&d{XSm2pKBbAsZ4iby`7M5F>6%3VlnmDAW8s!UV
zmle)ioYhi=HSWn@7|3cXNv_izMifhkAr28TDk!1^3t?I{QcNUhKhnlO==kI0lF3yB
zBgX>DP$4;f@IUz7t(lvebdv%RpyS21KSlumE>N%9_V=-E*G~ZNGjOFf{pA`k`$>AW
zsfCV!o^9abx~a)~z~v4w@T5zI<VaqcLM{iqpV2pEfWBLxYt8Mgv5(USAVpm*-v9@P
zz-XSb*W0|iv$eN>&ouh`0j_6qzvRcGumAu624YJ`L;w^32LML)(|8>K000SaNLh0L
z04^f{04^f|c%?sf00007bV*G`2jm130t5x&uSj43000?uMObu0Z*6U5Zgc=ca%Ew3
zWn>_CX>@2HM@dakSAh-}0000?Nkl<ZD9^o;!3qE%2t)Ux|NrH6DX6f>OS=eT6Lq2v
z+tvjDlEfzFp!YEGAYM#05bvWgRhOvCjVnsxzahHR!qsUpp0Y>>mwk-}`>Guk4Q~@r
P00000NkvXXu0mjf<M;`k

literal 0
HcmV?d00001

diff --git a/Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png.import b/Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png.import
new file mode 100644
index 000000000..92860f022
--- /dev/null
+++ b/Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png.import	
@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/Grabber_Hover.png-97ea72e96ad7a2a6a6c366d2dbe967ec.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png"
+dest_files=[ "res://.import/Grabber_Hover.png-97ea72e96ad7a2a6a6c366d2dbe967ec.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=false
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0
diff --git a/Assets/Graphics/Dark Themes/Misc/Hsplit.png b/Assets/Graphics/Dark Themes/Misc/Hsplit.png
new file mode 100644
index 0000000000000000000000000000000000000000..27277ce6f2d170dacaeb6e7b6fb9a099cb91aef5
GIT binary patch
literal 592
zcmV-W0<ZmvP)<h;3K|Lk000e1NJLTq000I6001xu1^@s6GVcrc0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$i(@I4uf>sc9$WWauii$W&6^me@v=v%)FuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_7;J6>}?mh0_0Ya_BRMR&BsG4OY
zq7gBjSrz@S@Szv|7{a*3Og)xdOrh=gx`&6acVV8@{@kCVTgjRX@QB27OgAjz4dR(i
zOXs{#9ApJaAwDM_Gw6cEk6f2se&d{XSm2pKBbAsZ4iby`7M5F>6%3VlnmDAW8s!UV
zmle)ioYhi=HSWn@7|3cXNv_izMifhkAr28TDk!1^3t?I{QcNUhKhnlO==kI0lF3yB
zBgX>DP$4;f@IUz7t(lvebdv%RpyS21KSlumE>N%9_V=-E*G~ZNGjOFf{pA`k`$>AW
zsfCV!o^9abx~a)~z~v4w@T5zI<VaqcLM{iqpV2pEfWBLxYt8Mgv5(USAVpm*-v9@P
zz-XSb*W0|iv$eN>&ouh`0j_6qzvRcGumAu624YJ`L;wH)0002_L%V+f000SaNLh0L
z04^f{04^f|c%?sf00007bV*G`2jm130yqW>RbV9m000?uMObu0Z*6U5Zgc=ca%Ew3
zWn>_CX>@2HM@dakSAh-}0000dNkl<ZILl*TAO!yZ|KITc|NjOUp9z=3Q3>KDC;+4J
eF&ZBuH$DIwixoY#k7?!r0000<MNUMnLSTXc74^~p

literal 0
HcmV?d00001

diff --git a/Assets/Graphics/Dark Themes/Misc/Hsplit.png.import b/Assets/Graphics/Dark Themes/Misc/Hsplit.png.import
new file mode 100644
index 000000000..c6b77166b
--- /dev/null
+++ b/Assets/Graphics/Dark Themes/Misc/Hsplit.png.import	
@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/Hsplit.png-dd9f6546e5503e2d7a81a4553c7ba33c.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://Assets/Graphics/Dark Themes/Misc/Hsplit.png"
+dest_files=[ "res://.import/Hsplit.png-dd9f6546e5503e2d7a81a4553c7ba33c.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=false
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0
diff --git a/Assets/Graphics/Dark Themes/Misc/Vsplit.png b/Assets/Graphics/Dark Themes/Misc/Vsplit.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecc34929f96b24ceb369c26b397b10b81aa06432
GIT binary patch
literal 591
zcmV-V0<iswP)<h;3K|Lk000e1NJLTq001xm000IE1^@s6g&`d`0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$i(@I4uf>sc9$WWauii$W&6^me@v=v%)FuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_7;J6>}?mh0_0Ya_BRMR&BsG4OY
zq7gBjSrz@S@Szv|7{a*3Og)xdOrh=gx`&6acVV8@{@kCVTgjRX@QB27OgAjz4dR(i
zOXs{#9ApJaAwDM_Gw6cEk6f2se&d{XSm2pKBbAsZ4iby`7M5F>6%3VlnmDAW8s!UV
zmle)ioYhi=HSWn@7|3cXNv_izMifhkAr28TDk!1^3t?I{QcNUhKhnlO==kI0lF3yB
zBgX>DP$4;f@IUz7t(lvebdv%RpyS21KSlumE>N%9_V=-E*G~ZNGjOFf{pA`k`$>AW
zsfCV!o^9abx~a)~z~v4w@T5zI<VaqcLM{iqpV2pEfWBLxYt8Mgv5(USAVpm*-v9@P
zz-XSb*W0|iv$eN>&ouh`0j_6qzvRcGumAu624YJ`L;wH)0002_L%V+f000SaNLh0L
z04^f{04^f|c%?sf00007bV*G`2jm130y-~y(VEKu000?uMObu0Z*6U5Zgc=ca%Ew3
zWn>_CX>@2HM@dakSAh-}0000cNkl<ZILl*T7zG0h7#SEC82<nN-$0gTM#hGL*3UE=
dhogWp005cz3<L|J?^FN)002ovPDHLkV1m2h^cMgC

literal 0
HcmV?d00001

diff --git a/Assets/Graphics/Dark Themes/Misc/Vsplit.png.import b/Assets/Graphics/Dark Themes/Misc/Vsplit.png.import
new file mode 100644
index 000000000..5201f4fe4
--- /dev/null
+++ b/Assets/Graphics/Dark Themes/Misc/Vsplit.png.import	
@@ -0,0 +1,34 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/Vsplit.png-86bf5cec762c35447b09575072c6a799.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://Assets/Graphics/Dark Themes/Misc/Vsplit.png"
+dest_files=[ "res://.import/Vsplit.png-86bf5cec762c35447b09575072c6a799.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=false
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0
diff --git a/Themes & Styles/Dark Theme/Dark Theme.tres b/Themes & Styles/Dark Theme/Dark Theme.tres
index 9ccbd9a26..ea759d721 100644
--- a/Themes & Styles/Dark Theme/Dark Theme.tres	
+++ b/Themes & Styles/Dark Theme/Dark Theme.tres	
@@ -1,44 +1,48 @@
-[gd_resource type="Theme" load_steps=32 format=2]
+[gd_resource type="Theme" load_steps=38 format=2]
 
 [ext_resource path="res://Assets/Fonts/Roboto-Regular.tres" type="DynamicFont" id=1]
+[ext_resource path="res://Assets/Graphics/Dark Themes/Misc/Grabber.png" type="Texture" id=2]
+[ext_resource path="res://Assets/Graphics/Dark Themes/Misc/Grabber_Hover.png" type="Texture" id=3]
+[ext_resource path="res://Assets/Graphics/Dark Themes/Misc/Hsplit.png" type="Texture" id=4]
+[ext_resource path="res://Assets/Graphics/Dark Themes/Misc/Vsplit.png" type="Texture" id=5]
 
 [sub_resource type="StyleBoxFlat" id=1]
+content_margin_left = 2.0
+content_margin_right = 2.0
+content_margin_top = 2.0
+content_margin_bottom = 2.0
 bg_color = Color( 0.517647, 0.517647, 0.517647, 1 )
-border_width_left = 4
-border_width_top = 4
-border_width_right = 4
-border_width_bottom = 4
 border_color = Color( 0.517647, 0.517647, 0.517647, 1 )
-corner_radius_top_left = 4
-corner_radius_top_right = 4
-corner_radius_bottom_right = 4
-corner_radius_bottom_left = 4
+corner_radius_top_left = 2
+corner_radius_top_right = 2
+corner_radius_bottom_right = 2
+corner_radius_bottom_left = 2
 anti_aliasing = false
 
 [sub_resource type="StyleBoxFlat" id=2]
+content_margin_left = 2.0
+content_margin_right = 2.0
+content_margin_top = 2.0
+content_margin_bottom = 2.0
 bg_color = Color( 0.321569, 0.321569, 0.321569, 1 )
-border_width_left = 4
-border_width_top = 4
-border_width_right = 4
-border_width_bottom = 4
 border_color = Color( 0.321569, 0.321569, 0.321569, 1 )
-corner_radius_top_left = 4
-corner_radius_top_right = 4
-corner_radius_bottom_right = 4
-corner_radius_bottom_left = 4
+corner_radius_top_left = 2
+corner_radius_top_right = 2
+corner_radius_bottom_right = 2
+corner_radius_bottom_left = 2
 anti_aliasing = false
 
 [sub_resource type="StyleBoxFlat" id=3]
+content_margin_left = 2.0
+content_margin_right = 2.0
+content_margin_top = 2.0
+content_margin_bottom = 2.0
 bg_color = Color( 0.2, 0.2, 0.2, 1 )
-border_width_left = 4
-border_width_top = 4
-border_width_right = 4
-border_width_bottom = 4
 border_color = Color( 0.2, 0.2, 0.2, 1 )
-corner_radius_top_left = 4
-corner_radius_top_right = 4
-corner_radius_bottom_right = 4
-corner_radius_bottom_left = 4
+corner_radius_top_left = 2
+corner_radius_top_right = 2
+corner_radius_bottom_right = 2
+corner_radius_bottom_left = 2
 anti_aliasing = false
 
 [sub_resource type="StyleBoxFlat" id=4]
@@ -141,11 +145,16 @@ corner_radius_bottom_right = 4
 corner_radius_bottom_left = 4
 
 [sub_resource type="StyleBoxFlat" id=16]
-bg_color = Color( 0.321569, 0.321569, 0.321569, 1 )
-border_width_top = 3
-border_width_bottom = 3
+content_margin_left = 0.0
+content_margin_right = 0.0
+content_margin_top = 2.0
+content_margin_bottom = 2.0
+bg_color = Color( 0, 0, 0, 1 )
 border_color = Color( 0.321569, 0.321569, 0.321569, 1 )
 
+[sub_resource type="StyleBoxFlat" id=31]
+bg_color = Color( 0.133333, 0.133333, 0.133333, 1 )
+
 [sub_resource type="StyleBoxFlat" id=17]
 bg_color = Color( 0.109804, 0.0862745, 0.0862745, 0 )
 border_width_left = 1
@@ -160,6 +169,10 @@ corner_radius_bottom_left = 4
 anti_aliasing = false
 
 [sub_resource type="StyleBoxFlat" id=18]
+content_margin_left = 0.0
+content_margin_right = 0.0
+content_margin_top = 2.0
+content_margin_bottom = 2.0
 bg_color = Color( 0.133333, 0.133333, 0.133333, 1 )
 
 [sub_resource type="StyleBoxFlat" id=19]
@@ -262,6 +275,9 @@ border_width_left = 2
 border_width_right = 2
 border_color = Color( 0.321569, 0.321569, 0.321569, 1 )
 
+[sub_resource type="StyleBoxFlat" id=32]
+bg_color = Color( 0.133333, 0.133333, 0.133333, 1 )
+
 [sub_resource type="StyleBoxFlat" id=30]
 bg_color = Color( 0.0705882, 0.0705882, 0.0705882, 1 )
 border_width_left = 2
@@ -330,8 +346,9 @@ FileDialog/colors/files_disabled = Color( 0, 0, 0, 0.7 )
 FileDialog/icons/folder = null
 FileDialog/icons/parent_folder = null
 FileDialog/icons/reload = null
-GridContainer/constants/hseparation = 0
-GridContainer/constants/vseparation = 0
+GridContainer/constants/hseparation = 3
+GridContainer/constants/vseparation = 3
+HBoxContainer/constants/separation = 3
 HScrollBar/icons/decrement = null
 HScrollBar/icons/decrement_highlight = null
 HScrollBar/icons/increment = null
@@ -343,15 +360,19 @@ HScrollBar/styles/scroll = null
 HScrollBar/styles/scroll_focus = null
 HSeparator/constants/separation = 4
 HSeparator/styles/separator = SubResource( 14 )
-HSlider/icons/grabber = null
+HSlider/icons/grabber = ExtResource( 2 )
 HSlider/icons/grabber_disabled = null
-HSlider/icons/grabber_highlight = null
+HSlider/icons/grabber_highlight = ExtResource( 3 )
 HSlider/icons/tick = null
 HSlider/styles/focus = null
 HSlider/styles/grabber_area = SubResource( 15 )
 HSlider/styles/grabber_disabled = null
 HSlider/styles/grabber_highlight = null
 HSlider/styles/slider = SubResource( 16 )
+HSplitContainer/constants/autohide = 1
+HSplitContainer/constants/separation = 6
+HSplitContainer/icons/grabber = ExtResource( 4 )
+HSplitContainer/styles/bg = SubResource( 31 )
 LineEdit/colors/clear_button_color = Color( 0.878431, 0.878431, 0.878431, 1 )
 LineEdit/colors/clear_button_color_pressed = Color( 1, 1, 1, 1 )
 LineEdit/colors/cursor_color = Color( 0.941176, 0.941176, 0.941176, 1 )
@@ -533,6 +554,10 @@ VScrollBar/styles/scroll = null
 VScrollBar/styles/scroll_focus = null
 VSeparator/constants/separation = 4
 VSeparator/styles/separator = SubResource( 29 )
+VSplitContainer/constants/autohide = 1
+VSplitContainer/constants/separation = 6
+VSplitContainer/icons/grabber = ExtResource( 5 )
+VSplitContainer/styles/bg = SubResource( 32 )
 WindowDialog/colors/title_color = Color( 1, 1, 1, 1 )
 WindowDialog/constants/close_h_ofs = 18
 WindowDialog/constants/close_v_ofs = 18