問題タブ [darkmode]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - SASS変数をCSS変数に向ける方法はありますか?
ダーク モードを実装しようとしていますが、CSS 変数を使用して、ライト/ダーク モードが有効かどうかに応じて色を簡単に変更できるようにしたいと考えています。prefers-color-schemecss 変数の色の変化を表示するために、メディア クエリを使用しています。
私が直面している問題は、私が取り組んでいるプロジェクトに、ベース ブートストラップ テンプレート内の数千のプロパティと数十のファイル内に表示される多くの sass 変数が含まれていることです。
CSS変数値を持つようにsass変数を更新しようとしました。たとえば$primary = var(--color-primary)、これは機能しません。
これらの SASS 変数を CSS 変数にリダイレクトして継承する方法はありますか?
基本のブートストラップ テンプレートをいじりたいとは思っていません。混乱しやすく、維持するのが難しいからです。variables.scss理想的には、ファイルを編集したいだけです。
本当にありがとう！
javascript - クリックしないとトグルアイコンが表示されない
ダークモードコードを使用しています。このコードでは、それぞれのアイコンを使用してダーク モードとライト モードを切り替えます。これは完全に機能しますが、唯一の問題は、ページの読み込み時にデフォルトでダーク/ライト アイコンが表示されないことです。アイコンをクリックすると、それだけが表示されます。ページの読み込み時にデフォルトで表示するにはどうすればよいですか。
私が使用しているコードは次のとおりです。
あなたの助けと時間をありがとう！
vue.js - Vue - ボタンをクリックしてプロジェクト全体をダークモードに変換する方法は?
Vue プロジェクトがあり、現在 50 を超えるコンポーネントがあります。プロジェクト全体にダーク モードを用意し、ナビゲーション バーのボタンからモード タイプを制御したいと考えています。テスト バージョンを作成したので、クラスをアクティブおよび非アクティブにする方法を理解しましたが、1 つのボタンをクリックするか、チェックボックスをオンにして、プロジェクト全体でそれを行う方法がわかりません。これが私のテストです。
スイッチをオンにすると、darkMode 変数が true になり、クラスがアクティブになるため、背景色が黒になります。私の質問は、現在使用している CSS ファイルのダーク モード バージョンを作成し、このコントロールをナビゲーション バーに配置したいのですが、プロジェクト内のコンポーネントの css クラス全体をボタンまたはスイッチでどのように制御できるかです。小道具を使用する必要がある場合、どうすればよいですか? 前もって感謝します。
angular - 暗いテーマが適用されているかどうかをプログラムで知る方法は?
私は Ionic angular と Mapbox を使用しています。mapbox テーマをロードするために適用されるテーマも知りたいです...
このようなもの：
アプリのテーマに応じて /mapbox/light-v10 または /mabox/dark-v10 を呼び出す方法はありますか?