This xtscript sets a custom CSS theme for Bootstrap 3.3.7
By default the xtscript looks for theme CSS stylesheets in /themes

---

The CSS themes
Upload these files to /themes

---

amelia.css
default.css
lumen.css
slate.css
spacelab.css
superhero.css

This xtscript handles the Cookie that stores the name of the theme and creates the link to the themes CSS stylesheet
It Must go in the _headtags file <!--parser:xtscript-->#<? # Bootstrap theme cookie get bs_theme if $bs_theme call cookie::set $name=bs_custom_theme; $val=$bs_theme; $expire=864000 else var $bs_theme = call cookie::get $name=bs_custom_theme;$default=default endif print <link rel="stylesheet" type="text/css" href="/themes/$bs_theme.css" /> #?><!--/parser:xtscript-->

This is the theme selector xtscript add it to your _header file
Set your own theme names
The menu is styled as a button because it looks better <form class="form-inline" action="<xt:url />" method="post"> <span class="input-group" > <select name="bs_theme" class="btn btn-default btn-sm input-sm text-default"> <!--parser:xtscript-->#<? # Set your own theme names here separate names with | var $themes = amelia|superhero|lumen|slate|spacelab|default var $opt_start = 0 @loop_a var $opt_end = call strpos $haystack=$themes|#;$needle=|;$offset=($opt_start+1) if not $opt_end goto @end_opts endif var $opt = call substr $val=$themes;$start=$opt_start;$length=($opt_end-$opt_start) print <option value="$opt" if $opt == $bs_theme print class="active text-primary" selected="selected" endif print >$opt</option> var $opt_start = ($opt_end+1) goto @loop_a @end_opts #?><!--/parser:xtscript--> </select> <span class="input-group-btn"><input class="btn btn-default btn-sm" type="submit" value="Set Theme"></span> </span> </form> The 'striped' background in my menu uses this css class