diff --git a/bin/DropSlider.adc b/bin/DropSlider.adc
index df68c23..7866473 100755
Binary files a/bin/DropSlider.adc and b/bin/DropSlider.adc differ
diff --git a/changelog.md b/changelog.md
index e12e3d4..d55c490 100644
--- a/changelog.md
+++ b/changelog.md
@@ -77,3 +77,4 @@ v3.0.5 - Fixed value on handle tooltip
 v3.1.0 - libraries/plugins update,
        - Share folder removed.
 v3.1.1 - Fixed - DOF runtime errors
+v3.1.2 - Added colour gradient options to ADC properties and standard.css
diff --git a/config.xml b/config.xml
index 3cc1536..e79c934 100644
--- a/config.xml
+++ b/config.xml
@@ -7,7 +7,7 @@
   <info>
     <name>DropSlider</name>
     <guid>f523e0b2-8f59-4fd3-9f5f-c67360b43044</guid>
-    <version>3.1.1</version>
+    <version>3.1.2</version>
     <date>2022-09-29</date>
     <description><![CDATA[DropSlider ADC]]></description>
     <company>Askia</company>
@@ -347,9 +347,22 @@
         <value><![CDATA[{%= Theme.NeutralColor %}]]></value>
       </property>
       <property xsi:type="standardProperty" id="baseColourPrimary" name="Base Background Colour" type="color" mode="dynamic" require="false" visible="false" colorFormat="rgb">
+        <description><![CDATA[Background colour of the base]]></description>
+        <value><![CDATA[{%= Theme.PrimaryColor %}]]></value>
+      </property>
+      <property xsi:type="standardProperty" id="baseColourSecondary" name="Secondary Base Background Colour" type="color" mode="dynamic" require="false" visible="false" colorFormat="rgb">
         <description><![CDATA[Background colour of the base]]></description>
         <value><![CDATA[{%= Theme.SecondaryColor %}]]></value>
       </property>
+      <property xsi:type="standardProperty" id="sliderBaseGradientDirection" name="Slider Base Gradient Direction" type="string" mode="dynamic" require="false" visible="true">
+        <description><![CDATA[The direction of the gradient on the base]]></description>
+        <value><![CDATA[ltr]]></value>
+        <options>
+          <option value="" text="No Gradient" />
+          <option value="ltr" text="Left to Right" />
+          <option value="rtl" text="Right to Left" />
+        </options>
+      </property>
       <property xsi:type="standardProperty" id="baseBorderRadius" name="Base Border Radius" type="string" mode="dynamic" require="false" visible="false">
         <description><![CDATA[The amount of curve on the base corners]]></description>
         <value><![CDATA[{%= Theme.BorderRadius %}]]></value>
@@ -595,4 +608,4 @@
       </property>
     </category>
   </properties>
-</control>
+</control>
\ No newline at end of file
diff --git a/resources/dynamic/standard.css b/resources/dynamic/standard.css
index 26c5bf6..26a7d75 100644
--- a/resources/dynamic/standard.css
+++ b/resources/dynamic/standard.css
@@ -60,6 +60,7 @@ Dim labelBorderThickness =CurrentADC.PropValue("labelBorderThickness")
 Dim labelBorderStyle =CurrentADC.PropValue("labelBorderStyle")
 
 Dim baseColourPrimary =CurrentADC.PropValue("baseColourPrimary")
+Dim baseColourSecondary =CurrentADC.PropValue("baseColourSecondary")
 Dim baseBorderColour =CurrentADC.PropValue("baseBorderColour")
 Dim baseBorderThickness =CurrentADC.PropValue("baseBorderThickness")
 Dim baseBorderStyle =CurrentADC.PropValue("baseBorderStyle")
@@ -357,8 +358,26 @@ EndIf
 	{% Else %}
     border: {%= baseBorderThickness%} {%= baseBorderStyle%} rgb({%= baseBorderColour%});
 	{% EndIF %}
+    
+{% IF CurrentADC.PropValue("sliderBaseGradientDirection") <> "" Then %}
+        
+		background: rgb({%= baseColourPrimary%});
+		background: -moz-linear-gradient(left,  rgb({%= baseColourPrimary%}) 0%, rgb({%= baseColourSecondary%}) 100%);
+		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb({%= baseColourPrimary%})), color-stop(100%,rgb({%= baseColourSecondary%})));
+		background: -webkit-linear-gradient(left,  rgb({%= baseColourPrimary%}) 0%,rgb({%= baseColourSecondary%}) 100%);
+		background: -o-linear-gradient(left,  rgb({%= baseColourPrimary%}) 0%,rgb({%= baseColourSecondary%}) 100%);
+		background: -ms-linear-gradient(left,  rgb({%= baseColourPrimary%}) 0%,rgb({%= baseColourSecondary%}) 100%);
+		{% IF CurrentADC.PropValue("sliderBaseGradientDirection") = "ltr" Then %}
+			background: linear-gradient(to right,  rgb({%= baseColourPrimary%}) 0%,rgb({%= baseColourSecondary%}) 100%);
+		{% Else %}
+			background: linear-gradient(to left,  rgb({%= baseColourPrimary%}) 0%,rgb({%= baseColourSecondary%}) 100%);
+		{% EndIF %}
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{%= baseColourPrimary.ToHexa()%}', endColorstr='{%= baseColourSecondary.ToHexa()%}',GradientType=1 );
 
-    background: rgb({%= baseColourPrimary%});
+	{% Else %}
+		background: rgb({%= baseColourPrimary%});
+	{% EndIF %}    
+    
 }
 
 #adc_{%= CurrentADC.InstanceId%} .tooltip {