@Blog

カラー選択からライトモードとダークモードに切り替えた話

2025.09.22

Logging

おはようございます.カラー選択からライトモードとダークモードに切り替えた話を書いています.カラー選択、実は結構自分は気に入っていたのだけどあまり使用されないだろうなぁという思いも前から思っていたのだけど、そのままにしていました.

切り替えたのはある動画を視聴して、その中でライトモード、ダークモードの仕様に全てのブラウザが対応したことを語っていたので、だったらこの際ライトモードダークモードに変更しようと思い立ちました.

休日の終わりごろに思い立って、サービスとギャラリー以外はライトモードダークモードに切り替えが終わりました.ただ、一つ課題があってOS（オペレーションシステム）とブラウザのモード設定がチグハグだった場合、コメント欄などが見にくくなっています.

ここだけは今のところ保留にしています.

残りのサービスとギャラリーは近日中に変更しようと思っています.

一応、切り替えを行うソースコードを貼っときますね.

document.addEventListener('DOMContentLoaded', () => {
  const switchToggle = document.getElementById('flexSwitchCheckDefault');
  const htmlElement = document.documentElement;

  // ページの初期ロード時にテーマを設定
  function setInitialTheme() {
    // ローカルストレージに設定があれば、それを使う
    const savedTheme = localStorage.getItem('theme');
    if (savedTheme) {
      htmlElement.setAttribute('data-theme', savedTheme);
      switchToggle.checked = savedTheme === 'dark';
    } else {
      // なければOSの設定を使う
      const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
      htmlElement.setAttribute('data-theme', isDarkMode ? 'dark' : 'light');
      switchToggle.checked = isDarkMode;
    }
  }

  // スイッチが変更されたらテーマを切り替え、ローカルストレージに保存
  switchToggle.addEventListener('change', (event) => {
    const newTheme = event.target.checked ? 'dark' : 'light';
    htmlElement.setAttribute('data-theme', newTheme);
    localStorage.setItem('theme', newTheme);
  });

  // 初期テーマを設定
  setInitialTheme();
});

明日へ続く

タグ

```, オペレーション, カラー, ギャラリー, コード, ここ, こと, コメント, ごろ, サービス, システム, スイッチ, ストレージ, ソース, それ, ダーク, チグハグ, テーマ, ところ, ブラウザ, ページ, モード, ライド, ライトモードダークモード, ローカル, ロード, 一つ, 仕様, 以外, 休日, 使用, 保存, 保留, 全て, 切り替え, 初期, 動画, 場合, 変更, 対応, 思い, 明日, 残り, 自分, 視聴, 設定, 課題, 近日, 選択,

宇宙兄弟がもうすぐ完結するだって.宇宙兄弟にはいろいろと人生が詰まっている

2025.08.06

Logging

おはようございます.宇宙兄弟がもうすぐ完結するだって.宇宙兄弟にはいろいろと人生が詰まっています、いまお金がある時に爆買いした宇宙兄弟を読み進めていて12巻の後半まで読み終えました（11巻まで前回読んでいたけどまた読み直して12巻）.このままお盆休み期間中に20巻ぐらいまで読み進めたいと思っています.

因みに爆買いしたのは数年前なので33巻まで電子書籍で保有しています.いま最新巻が45巻で46巻あたりで完結するらしいので完結したら残りのストーリーを一気読みしたいなって思っています.

宇宙兄弟を読んでいるとなんか、涙腺が緩むというか何だか頑張ろうって前向きな気持ちになるのがこの漫画の良さだと思います.

宇宙兄弟を知るきっかけになったのは、実写映画の宇宙兄弟が上映されたあたり宇宙兄弟という漫画は知っていたのだけども読むきっかけになったのは実写映画の宇宙兄弟だったのかも知れない（そこら辺は覚えてなくて曖昧ですね）.その漫画がもうすぐ完結するっていうのには寂しい気持ちもあるけれどラストどんな終わり方になるのか、凄く楽しみですね.

明日へ続く

タグ

あたり, いま, お盆, お金, きっかけ, ストーリー, まま, ラスト, 一気, 上映, 人生, 休み, 保有, 兄弟, 前向き, 前回, 宇宙, 完結, 実写, 後半, 明日, 映画, 曖昧, 書籍, 最新, 期間, 楽しみ, 残り, 気持ち, 涙腺, 漫画, 電子,