implements the selection of modern template theme color

ot_templating/Resources/Private/Partials/Modern/Assets.html

@@ -87,11 +87,6 @@ Assets included with the VHS viewhelpers
                standalone="1"
                rewrite="0"/>
 
-<f:comment><!-- variable file containing the color theme --></f:comment>
-<v:asset.style name="skin-css"
-               path="{assets_dir}/style/skins/skin-blue.css"
-               standalone="{force_standalone}"/>
-
 <f:comment><!-- responsive stylesheet of the template (mediaqueries) --></f:comment>
 <v:asset.style name="responsive-css"
                path="{assets_dir}/style/responsive.css"
@@ -102,6 +97,50 @@ Assets included with the VHS viewhelpers
                standalone="{force_standalone}"/>
 
 
+<f:comment><!-- Chosen theme --></f:comment>
+<f:if condition="{settings.themeColor}=='light-blue'">
+    <f:then>
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-blue.css"
+                       standalone="1"/>
+    </f:then>
+    <f:else if="{settings.themeColor}=='blue'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-steelblue.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='green'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-green.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='orange'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-orange.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='grey'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-grey.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='red'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-red.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='light-red'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-red-light.css"
+                       standalone="1"/>
+    </f:else>
+    <f:else if="{settings.themeColor}=='purple'">
+        <v:asset.style name="theme"
+                       path="{assets_dir}/style/skins/skin-purple.css"
+                       standalone="1"/>
+    </f:else>
+</f:if>
+
 
 <f:comment><!-- Script assets --></f:comment>