css - SASSでGUIスキンを作る

Question

ユーザーがさまざまなスキンを適用する必要があるHTML5 アプリを構築しています。SASSでこれを行う最善の方法を聞きたいです。私はSASSを初めて使用し、このソリューションは機能しますが、より良い方法が必要です。メソッドが適用され、私が確信している余分なクラスは必要ありません。

私の考えは、2 つの css ファイルをコンパイルして配布し、ユーザーが select タグを選択できるようにすることです。

何かアドバイス？

これは私が現在使用しているサンプルコードです:

「ミックスイン」_skin.scss

$skin: default-skin; // Default skin
//$skin: dark-skin; //  Dark skin

.default-skin { // Default Skin
    @import 'skins/_default-skin';
}

.dark-skin { // Dark Skin
    @import 'skins/dark-skin';
}

// Applying the Skins

html {
  @if $skin == default-skin {
    @extend .default-skin;
  } @else if $skin == dark-skin {
    @extend .dark-skin;
  } @else {
    @extend .default-skin;
  }
}

デフォルトのスキン パーシャル

.nav{
  background: $gray-light;
  button{
    color: $white;
    &:active{
      color: $gray-lighter;
    }
  }
}

そして、黒い肌の部分

.nav{
  background: $gray-darker;
  button{
    color: $black;
    &:active{
      color: $gray-dark;
    }
  }
}