2016.10.21 判別目前的 bootstrap 佈景主題

get_bootswatch_theme_name.js

        //2016.10.21 判別 theme-color https://blog.gtwang.org/web-development/android-chrome-browser-theme-color-support/
        function get_theme_color(){
            var get_color = '';
            var x = document.getElementsByTagName('meta');
            var i = x.length;
            while (i--) {
                if (x[i].name == 'theme\-color') {
                    get_color = x[i].content;
                    return get_color;
                }
            }
            return '';
        }

        function set_theme_color(set_color='#FFFFFF'){
            if(get_theme_color()!=set_color){
                var x = document.getElementsByTagName('meta');
                var i = x.length;
                while (i--) {
                    if (x[i].name == 'theme\-color') {
                        x[i].content = set_color;
                    }
                }
                console.log(bootstrap_theme() + '：' + get_theme_color());
            }
        }
console.log(bootstrap_theme());


            //2016.10.21+ 根據佈景主題改變網址列顏色
            //<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css">
            if(bootstrap_theme()!=''){
                switch(bootstrap_theme()) {
                    case 'bootstrap':
                        break;
                    case 'amelia':
                        set_theme_color('#8e1821');
                        break;
                    case 'cerulean':
                        set_theme_color('#1993d9');
                        break; 
                    case 'cosmo':
                        set_theme_color('#111');
                        break;
                    case 'cyborg':
                        set_theme_color('#000');
                        break;
                    case 'flatly':
                        set_theme_color('#1f2c39');
                        break;
                    case 'journal':
                        set_theme_color('#ededed');
                        break;
                    case 'readable':
                        set_theme_color('#e7e7e7');
                        break; 
                    case 'simplex':
                        set_theme_color('#ededed');
                        break; 
                    case 'slate':
                        set_theme_color('#2a2d31');
                        break;
                    case 'spacelab':
                        set_theme_color('#dcdcdc');
                        break;
                    case 'united':
                        set_theme_color('#bc3d11');
                        break;
                    case 'yeti':
                        set_theme_color('#222');
                        break;
                    case 'darkly':
                        set_theme_color('#375a7f');
                        break;
                    case 'lumen':
                        set_theme_color('#f8f8f8');
                        break;
                    case 'Paper':
                        set_theme_color('#FFF');
                        break;
                    case 'sandstone':
                        set_theme_color('#3e3f3a');
                        break;
                    case 'superhero':
                        set_theme_color('#2b3e50');
                        break;
                    default:
                        set_theme_color('#e6e6e6');
                        break;
                }
            }