javascript - ボタンのクリックでレスポンシブ Web サイトのテーマを変更する

Question

デスクトップ、モバイル、タブレットでウェブサイトを開くことができるように、4 種類の CSS ファイルがあります。外部の JavaScript ページで JavaScript 関数を使用してその CSS ページを呼び出し、インデックス ページでスクリプト タグを呼び出しました。私が書いたコードは以下のとおりですが、問題は問題なく動作することではありません。今、この同じ概念を使用して、モバイル、タブレット、デスクトップ、またはワイドスクリーンなど、すべてで開くウェブサイトのテーマカラーを変更したいと考えています。だから私の本当の問題はそれです。いくつかのアイデアを提案してください。

すべてのcssを呼び出すためのレスポンシブサイトの.jsファイルで使用したコードはこちらです

function adjustStyle(width) {
    width = parseInt(width);
    if (width < 350) {
        $("#size-stylesheet").attr("href", "css/mobile.css");
        } else if ((width >= 351) && (width < 600)) {
        $("#size-stylesheet").attr("href", "css/narrow.css");
    } else if ((width >= 601) && (width < 900)) {
        $("#size-stylesheet").attr("href", "css/medium.css");
    }else {
       $("#size-stylesheet").attr("href", "css/wide.css"); 
    }
}

$(function() {
    adjustStyle($(this).width());
    $(window).resize(function() {
        adjustStyle($(this).width());
    });
});

テーマの色を変更するには、すべての CSS に対してさらに CSS を作成する必要があります。私はレスポンシブ Web サイトの設計にまったく慣れていません。