Improve options theme (#182)

* Update options UI , added some files for StyleBoxes-Themes

* Revert space to tabs in Options.cs

* Organize option assets in Options folder

* Set project display to 1920x1080

* Convert to a grayscale theme

* Generate hover pressed focus from script

* Increase slider max fps 120 -> 180

---------

Co-authored-by: Valk <sebastianbelle074@protonmail.com>

Author: vaggelismsxp

Framework/GodotUtils

@@ -1,4 +1,6 @@
 using Godot;
+using GodotSharp.SourceGenerators;
+using GodotUtils;
 
 namespace __TEMPLATE__.UI;
 
@@ -10,4 +12,59 @@ private void Init()
     {
 
     }
+
+    public override void _Ready()
+    {
+        ThemeUtils.Adjust(this);
+    }
+}
+
+public class ThemeUtils
+{
+    private static readonly StringName Button = "Button";
+
+    public static void Adjust(Node root)
+    {
+        root.TraverseNodes(OnTraverseNode);
+    }
+
+    private static void OnTraverseNode(Node node)
+    {
+        if (node is not Control control)
+            return;
+
+        Theme theme = control.Theme;
+
+        if (theme == null)
+            return;
+
+        StyleBoxFlat normalStyleBox = GetNormalStyleBox(theme);
+
+        StyleBoxFlat hoverStyleBox = normalStyleBox.Duplicate() as StyleBoxFlat;
+        hoverStyleBox.BgColor = normalStyleBox.BgColor + GrayColor(10);
+
+        StyleBoxFlat pressedStyleBox = hoverStyleBox.Duplicate() as StyleBoxFlat;
+        pressedStyleBox.BgColor = hoverStyleBox.BgColor + GrayColor(10);
+
+        StyleBoxFlat focusStyleBox = normalStyleBox;
+
+        theme.SetStylebox("hover", Button, hoverStyleBox);
+        theme.SetStylebox("pressed", Button, pressedStyleBox);
+        theme.SetStylebox("focus", Button, focusStyleBox);
+    }
+
+    private static Color GrayColor(byte saturation)
+    {
+        return Color.Color8(saturation, saturation, saturation);
+    }
+
+    private static StyleBoxFlat GetNormalStyleBox(Theme theme)
+    {
+        if (theme.GetStylebox("normal", Button) is StyleBoxFlat styleBox)
+        {
+            return styleBox;
+        }
+
+        return null;
+    }
 }

Framework/Scenes/MenuUI/MainMenu/NavBtns.tres

@@ -1,26 +1,30 @@
-[gd_scene load_steps=12 format=3 uid="uid://7tfets4irkba"]
+[gd_scene load_steps=13 format=3 uid="uid://7tfets4irkba"]
 
+[ext_resource type="Theme" uid="uid://ibmc6w25alkn" path="res://Framework/Scenes/Options/Themes/Main.tres" id="1_3xnrr"]
 [ext_resource type="Script" uid="uid://b88ck7eam4e70" path="res://Framework/Scenes/Options/Options.cs" id="1_xjg3i"]
-[ext_resource type="Script" uid="uid://pdomcsu3uajx" path="res://Framework/Scenes/Options/OptionsNav.cs" id="2_w30yg"]
-[ext_resource type="Theme" uid="uid://8f4q252ns4xm" path="res://Framework/Scenes/MenuUI/MainMenu/NavBtns.tres" id="3_mvq8n"]
-[ext_resource type="Script" uid="uid://byg8c8jdptylv" path="res://Framework/Scenes/Options/OptionsGeneral.cs" id="3_vefex"]
-[ext_resource type="Script" uid="uid://duywpdpydv488" path="res://Framework/Scenes/Options/OptionsDisplay.cs" id="4_o6e7i"]
-[ext_resource type="Script" uid="uid://bnb0qpdygtgve" path="res://Framework/Scenes/Options/OptionsGameplay.cs" id="5_eyimv"]
-[ext_resource type="Script" uid="uid://nots3syd4eur" path="res://Framework/Scenes/Options/OptionsAudio.cs" id="5_hbpj8"]
-[ext_resource type="Script" uid="uid://bpcd5ahs73ga4" path="res://Framework/Scenes/Options/OptionsInput.cs" id="6_n2qcv"]
-[ext_resource type="Script" uid="uid://bkctgqs1uogu8" path="res://Framework/Scenes/Options/OptionsGraphics.cs" id="6_wctgl"]
+[ext_resource type="Script" uid="uid://pdomcsu3uajx" path="res://Framework/Scenes/Options/Scripts/OptionsNav.cs" id="2_w30yg"]
+[ext_resource type="Theme" uid="uid://8f4q252ns4xm" path="res://Framework/Scenes/Options/Themes/NavBtns.tres" id="3_mvq8n"]
+[ext_resource type="Script" uid="uid://byg8c8jdptylv" path="res://Framework/Scenes/Options/Scripts/OptionsGeneral.cs" id="3_vefex"]
+[ext_resource type="Script" uid="uid://duywpdpydv488" path="res://Framework/Scenes/Options/Scripts/OptionsDisplay.cs" id="4_o6e7i"]
+[ext_resource type="Script" uid="uid://bnb0qpdygtgve" path="res://Framework/Scenes/Options/Scripts/OptionsGameplay.cs" id="5_eyimv"]
+[ext_resource type="Script" uid="uid://nots3syd4eur" path="res://Framework/Scenes/Options/Scripts/OptionsAudio.cs" id="5_hbpj8"]
+[ext_resource type="Script" uid="uid://bpcd5ahs73ga4" path="res://Framework/Scenes/Options/Scripts/OptionsInput.cs" id="6_n2qcv"]
+[ext_resource type="Script" uid="uid://bkctgqs1uogu8" path="res://Framework/Scenes/Options/Scripts/OptionsGraphics.cs" id="6_wctgl"]
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_v8h3e"]
-bg_color = Color(0, 0, 0, 0.392157)
+bg_color = Color(0, 0, 0, 0.588235)
 
 [sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_ijcjj"]
+content_margin_left = 120.0
+content_margin_top = 15.0
 
 [node name="Options" type="PanelContainer"]
 anchors_preset = 15
 anchor_right = 1.0
 anchor_bottom = 1.0
 grow_horizontal = 2
 grow_vertical = 2
+theme = ExtResource("1_3xnrr")
 theme_override_styles/panel = SubResource("StyleBoxFlat_v8h3e")
 script = ExtResource("1_xjg3i")
 metadata/_edit_lock_ = true
@@ -34,41 +38,41 @@ theme_override_constants/margin_bottom = 50
 
 [node name="HBox" type="HBoxContainer" parent="Margin"]
 layout_mode = 2
-theme_override_constants/separation = 30
 
 [node name="Nav" type="VBoxContainer" parent="Margin/HBox"]
 layout_mode = 2
 theme = ExtResource("3_mvq8n")
-theme_override_constants/separation = 0
 alignment = 1
 script = ExtResource("2_w30yg")
 
 [node name="General" type="Button" parent="Margin/HBox/Nav"]
-custom_minimum_size = Vector2(150, 0)
 layout_mode = 2
+size_flags_vertical = 3
 text = "GENERAL"
 
 [node name="Gameplay" type="Button" parent="Margin/HBox/Nav"]
 layout_mode = 2
+size_flags_vertical = 3
 text = "GAMEPLAY"
 
 [node name="Display" type="Button" parent="Margin/HBox/Nav"]
-custom_minimum_size = Vector2(150, 0)
 layout_mode = 2
+size_flags_vertical = 3
 text = "DISPLAY"
 
 [node name="Graphics" type="Button" parent="Margin/HBox/Nav"]
 layout_mode = 2
+size_flags_vertical = 3
 text = "GRAPHICS"
 
 [node name="Audio" type="Button" parent="Margin/HBox/Nav"]
-custom_minimum_size = Vector2(150, 0)
 layout_mode = 2
+size_flags_vertical = 3
 text = "AUDIO"
 
 [node name="Input" type="Button" parent="Margin/HBox/Nav"]
-custom_minimum_size = Vector2(150, 0)
 layout_mode = 2
+size_flags_vertical = 3
 text = "INPUT"
 
 [node name="Content" type="PanelContainer" parent="Margin/HBox"]
@@ -263,7 +267,7 @@ unique_name_in_owner = true
 custom_minimum_size = Vector2(250, 0)
 layout_mode = 2
 size_flags_vertical = 4
-max_value = 120.0
+max_value = 180.0
 allow_greater = true
 
 [node name="Panel" type="PanelContainer" parent="Margin/HBox/Content/Display/MaxFPS/HBox"]