例:
レッスン選択画面
開始画面
- テーマカラーを明るい青色からスタサプロゴの暗い青色に変更!
- 操作ボタンは全体的に丸みを帯びたデザインに!
- ガラスのような透き通るデザインに!
- レッスン一覧の角丸など分かりにくいところまで変更!
- 様々な操作ボタンに影を追加して立体的に!
スタディサプリEnglishって知ってますか?英語学習にとても役に立つサービスですよね。
、ということでよさげなデザインに改造しようかと思います!(は?)
スタディサプリEnglishのUIをいじってる人って他にいるのかな?
自分なりにCSSをカスタマイズしてみたのでこのブログに共有します!
カスタムCSSを常時適用するにはStylebotという Chrome拡張機能がおすすめです!
このCSSの適用範囲を
https://app.eigosapuri.jp/*
に設定することでスタディサプリEnglishにのみ、このCSSを適用することができるようになります!
(PCでの操作を想定しています。スマホなどでは正しく動作しないかも。)
V1.0.0
2025/12/05 更新





コメントをお書きください