diff --git a/Assets/Materials/UIMat_SliderBG.shmat b/Assets/Materials/UIMat_SliderBG.shmat
new file mode 100644
index 00000000..2b41f3b3
--- /dev/null
+++ b/Assets/Materials/UIMat_SliderBG.shmat
@@ -0,0 +1,8 @@
+- VertexShader: 46580970
+  FragmentShader: 35983630
+  SubPass: UI
+  Properties:
+    data.color: {x: 1, y: 1, z: 1, w: 1}
+    data.textureIndex: 64816540
+    data.alpha: 1
+    data.beta: {x: 1, y: 1, z: 1}
\ No newline at end of file
diff --git a/Assets/Materials/UIMat_SliderBG.shmat.shmeta b/Assets/Materials/UIMat_SliderBG.shmat.shmeta
new file mode 100644
index 00000000..bd447de8
--- /dev/null
+++ b/Assets/Materials/UIMat_SliderBG.shmat.shmeta
@@ -0,0 +1,3 @@
+Name: UIMat_SliderBG
+ID: 117587364
+Type: 7
diff --git a/Assets/Materials/UIMat_Slider_SFX.shmat b/Assets/Materials/UIMat_Slider_SFX.shmat
new file mode 100644
index 00000000..a3f3b506
--- /dev/null
+++ b/Assets/Materials/UIMat_Slider_SFX.shmat
@@ -0,0 +1,11 @@
+- VertexShader: 46580970
+  FragmentShader: 43211183
+  SubPass: UI
+  Properties:
+    data.color: {x: 1, y: 1, z: 1, w: 1}
+    data.textureIndex: 50370514
+    data.alpha: 1
+    data.beta: {x: 1, y: 1, z: 1}
+    data.sliderThreshold: 1
+    data.sliderStartColor: {x: 0.949000001, y: 0.689999998, z: 0.211999997, w: 1}
+    data.sliderBarColor: {x: 1, y: 1, z: 1, w: 1}
\ No newline at end of file
diff --git a/Assets/Materials/UIMat_Slider_SFX.shmat.shmeta b/Assets/Materials/UIMat_Slider_SFX.shmat.shmeta
new file mode 100644
index 00000000..b6e88495
--- /dev/null
+++ b/Assets/Materials/UIMat_Slider_SFX.shmat.shmeta
@@ -0,0 +1,3 @@
+Name: UIMat_Slider_SFX
+ID: 122820018
+Type: 7
diff --git a/Assets/Materials/UIMat_Slider_Textured.shmat b/Assets/Materials/UIMat_Slider_Textured.shmat
index cb09a99e..ba0cc52e 100644
--- a/Assets/Materials/UIMat_Slider_Textured.shmat
+++ b/Assets/Materials/UIMat_Slider_Textured.shmat
@@ -3,7 +3,9 @@
   SubPass: UI
   Properties:
     data.color: {x: 1, y: 1, z: 1, w: 1}
-    data.textureIndex: 51995224
+    data.textureIndex: 50370514
     data.alpha: 1
     data.beta: {x: 1, y: 1, z: 1}
-    data.sliderThreshold: 1
\ No newline at end of file
+    data.sliderThreshold: 1
+    data.sliderStartColor: {x: 0.254901886, y: 0.321500003, z: 0.909799993, w: 1}
+    data.sliderBarColor: {x: 1, y: 1, z: 1, w: 1}
\ No newline at end of file
diff --git a/Assets/Scenes/MainMenu.shade b/Assets/Scenes/MainMenu.shade
index c85eee83..708089eb 100644
--- a/Assets/Scenes/MainMenu.shade
+++ b/Assets/Scenes/MainMenu.shade
@@ -1,14 +1,14 @@
 - NavData: 0
 - EID: 0
   Name: Main Menu Canvas
-  IsActive: true
+  IsActive: false
   NumberOfChildren: 3
   Components:
     Canvas Component:
       Canvas Width: 1920
       Canvas Height: 1080
       Scale by canvas width: false
-      IsActive: true
+      IsActive: false
   Scripts: ~
 - EID: 1
   Name: BackGround
@@ -38,7 +38,7 @@
     Transform Component:
       Translate: {x: 0, y: 100, z: 0.300000012}
       Rotate: {x: 0, y: 0, z: 0}
-      Scale: {x: 600, y: 600, z: 1.18585491}
+      Scale: {x: 631.577454, y: 631.577454, z: 1.24826539}
       IsActive: true
     Renderable Component:
       Mesh: 141771688
@@ -258,7 +258,7 @@
     Transform Component:
       Translate: {x: 450, y: 0, z: 0.400000006}
       Rotate: {x: 0, y: 0, z: 0}
-      Scale: {x: 400, y: 100, z: 1}
+      Scale: {x: 389.627228, y: 97.4068069, z: 0.974068105}
       IsActive: true
     Renderable Component:
       Mesh: 141771688
@@ -533,14 +533,14 @@
       Enabled: true
 - EID: 19
   Name: Options Canvas
-  IsActive: false
+  IsActive: true
   NumberOfChildren: 12
   Components:
     Canvas Component:
       Canvas Width: 1920
       Canvas Height: 1080
       Scale by canvas width: false
-      IsActive: false
+      IsActive: true
   Scripts:
     - Type: SHADE_Scripting.UI.Options
       Enabled: true
@@ -749,16 +749,16 @@
 - EID: 29
   Name: Master Volume Slider
   IsActive: true
-  NumberOfChildren: 0
+  NumberOfChildren: 1
   Components:
     Transform Component:
       Translate: {x: 0, y: 0, z: 0}
       Rotate: {x: 0, y: 0, z: 0}
-      Scale: {x: 1000, y: 75, z: 1}
+      Scale: {x: 1024, y: 64, z: 1}
       IsActive: true
     Renderable Component:
       Mesh: 141771688
-      Material: 128676209
+      Material: 127128823
       IsActive: true
     Slider Component:
       Slider Value: 1
@@ -771,19 +771,39 @@
       Clicked: false
       IsActive: true
   Scripts: ~
-- EID: 30
-  Name: SFX Volume Slider
+- EID: 437
+  Name: Slider BG
   IsActive: true
   NumberOfChildren: 0
   Components:
     Transform Component:
-      Translate: {x: 0, y: -100, z: 0}
+      Translate: {x: 0, y: 0, z: 0.100000001}
       Rotate: {x: 0, y: 0, z: 0}
-      Scale: {x: 1000, y: 75, z: 1}
+      Scale: {x: 1.01999998, y: 1.20000005, z: 1}
       IsActive: true
     Renderable Component:
       Mesh: 141771688
-      Material: 128676209
+      Material: 117587364
+      IsActive: true
+    UI Component:
+      Canvas ID: 19
+      Hovered: false
+      Clicked: false
+      IsActive: true
+  Scripts: ~
+- EID: 30
+  Name: SFX Volume Slider
+  IsActive: true
+  NumberOfChildren: 1
+  Components:
+    Transform Component:
+      Translate: {x: 0, y: -100, z: 0}
+      Rotate: {x: 0, y: 0, z: 0}
+      Scale: {x: 1024, y: 64, z: 1}
+      IsActive: true
+    Renderable Component:
+      Mesh: 141771688
+      Material: 122820018
       IsActive: true
     Slider Component:
       Slider Value: 1
@@ -796,6 +816,26 @@
       Clicked: false
       IsActive: true
   Scripts: ~
+- EID: 436
+  Name: Slider BG
+  IsActive: true
+  NumberOfChildren: 0
+  Components:
+    Transform Component:
+      Translate: {x: 0, y: 0, z: 0.100000001}
+      Rotate: {x: 0, y: 0, z: 0}
+      Scale: {x: 1.01999998, y: 1.20000005, z: 1}
+      IsActive: true
+    Renderable Component:
+      Mesh: 141771688
+      Material: 117587364
+      IsActive: true
+    UI Component:
+      Canvas ID: 19
+      Hovered: false
+      Clicked: false
+      IsActive: true
+  Scripts: ~
 - EID: 31
   Name: BGM Volume Slider
   IsActive: true
@@ -956,7 +996,7 @@
       Material: 128676209
       IsActive: true
     Slider Component:
-      Slider Value: 1
+      Slider Value: 0.889483869
       Min Value: 30
       Max Value: 120
       IsActive: true
@@ -1142,7 +1182,7 @@
       Scale: {x: 75, y: 75, z: 1}
       IsActive: true
     Text Renderer Component:
-      Text: 100
+      Text: 60
       Font: 174412429
       Color: {x: 0, y: 0, z: 0, w: 1}
       Text Size: {x: 1, y: 1, z: 1}
@@ -1504,14 +1544,14 @@
       sceneID: 88928066
 - EID: 450
   Name: TransitionCanvas
-  IsActive: true
+  IsActive: false
   NumberOfChildren: 1
   Components:
     Canvas Component:
       Canvas Width: 1920
       Canvas Height: 1080
       Scale by canvas width: false
-      IsActive: true
+      IsActive: false
   Scripts: ~
 - EID: 65982
   Name: Transition
@@ -1535,6 +1575,6 @@
   Scripts:
     - Type: SHADE_Scripting.UI.SceneFadeInOut
       Enabled: true
-      alphaValue: 1
+      alphaValue: 0
       fadeInTime: 0.5
       fadeOutTime: 0.5
\ No newline at end of file
diff --git a/Assets/Shaders/UI_Slider_Textured_FS.glsl b/Assets/Shaders/UI_Slider_Textured_FS.glsl
index 9f7945ce..cddf57d9 100644
--- a/Assets/Shaders/UI_Slider_Textured_FS.glsl
+++ b/Assets/Shaders/UI_Slider_Textured_FS.glsl
@@ -42,19 +42,21 @@ layout(location = 1) out uint outEntityID;
 void main()
 {
   //fragColor = texture(textures[nonuniformEXT(MatProp.data[In2.materialIndex].textureIndex)], In.uv);
-
-  if (In.uv.x > MatProp.data[In2.materialIndex].sliderThreshold)
-    fragColor = MatProp.data[In2.materialIndex].sliderBarColor;
-  else
-    //fragColor = (1.0f - In.uv.x) * MatProp.data[In2.materialIndex].sliderStartColor + In.uv.x * MatProp.data[In2.materialIndex].sliderEndColor;
-    fragColor = texture(textures[nonuniformEXT(MatProp.data[In2.materialIndex].textureIndex)], In.uv);
-
-
+  fragColor = texture(textures[nonuniformEXT(MatProp.data[In2.materialIndex].textureIndex)], In.uv);
   if (fragColor.a < 0.01f)
   {
     discard;
   }
 
+  if (In.uv.x > MatProp.data[In2.materialIndex].sliderThreshold)
+    fragColor = MatProp.data[In2.materialIndex].sliderBarColor;
+
+  if (fragColor.xyz == vec3(0.0f, 0.0f, 0.0f))
+    fragColor.xyz = MatProp.data[In2.materialIndex].sliderStartColor.xyz;
+
+
+
+
   fragColor.a = MatProp.data[In2.materialIndex].alpha;
 
   // fragColor.a = 1.0f;
diff --git a/Assets/Shaders/UI_Slider_Textured_FS.shshaderb b/Assets/Shaders/UI_Slider_Textured_FS.shshaderb
index db7f7c70..6b024f23 100644
Binary files a/Assets/Shaders/UI_Slider_Textured_FS.shshaderb and b/Assets/Shaders/UI_Slider_Textured_FS.shshaderb differ
diff --git a/Assets/Texture/UI/slider_bg.dds b/Assets/Texture/UI/slider_bg.dds
new file mode 100644
index 00000000..695ce687
Binary files /dev/null and b/Assets/Texture/UI/slider_bg.dds differ
diff --git a/Assets/Texture/UI/slider_bg.shtex b/Assets/Texture/UI/slider_bg.shtex
new file mode 100644
index 00000000..184df4ae
Binary files /dev/null and b/Assets/Texture/UI/slider_bg.shtex differ
diff --git a/Assets/Texture/UI/slider_bg.shtex.shmeta b/Assets/Texture/UI/slider_bg.shtex.shmeta
new file mode 100644
index 00000000..833cf676
--- /dev/null
+++ b/Assets/Texture/UI/slider_bg.shtex.shmeta
@@ -0,0 +1,3 @@
+Name: slider_bg
+ID: 64816540
+Type: 3
diff --git a/Assets/Texture/UI/slider_fill_black.dds b/Assets/Texture/UI/slider_fill_black.dds
new file mode 100644
index 00000000..2d6c96c0
Binary files /dev/null and b/Assets/Texture/UI/slider_fill_black.dds differ
diff --git a/Assets/Texture/UI/slider_fill_black.shtex b/Assets/Texture/UI/slider_fill_black.shtex
new file mode 100644
index 00000000..eb0ebf6e
Binary files /dev/null and b/Assets/Texture/UI/slider_fill_black.shtex differ
diff --git a/Assets/Texture/UI/slider_fill_black.shtex.shmeta b/Assets/Texture/UI/slider_fill_black.shtex.shmeta
new file mode 100644
index 00000000..4f9bc718
--- /dev/null
+++ b/Assets/Texture/UI/slider_fill_black.shtex.shmeta
@@ -0,0 +1,3 @@
+Name: slider_fill_black
+ID: 50370514
+Type: 3