私は最近、guideに続いて角度素材2アプリを作成しました。今、テーマを暗いものに変更するにはどうすればよいか知りたいですか?dark-theme
?角度素材を設定する2テーマをテーマに設定する
答えて
あなたのstyle.cssファイルに次のCSSを追加します。
@import '[email protected]/material/core/theming/all-theme';
// NOTE: Theming is currently experimental and not yet publically released!
@include md-core();
$primary: md-palette($md-deep-purple);
$accent: md-palette($md-amber, A200, A100, A400);
$theme: md-light-theme($primary, $accent);
@include angular-material-theme($theme);
$dark-primary: md-palette($md-pink, 700, 500, 900);
$dark-accent: md-palette($md-blue-grey, A200, A100, A400);
$dark-warn: md-palette($md-deep-orange);
$dark-theme: md-dark-theme($dark-primary, $dark-accent, $dark-warn);
@include angular-material-theme($dark-theme);
P.S.をhttps://github.com/jelbourn/material2-app/blob/master/src/material2-app-theme.scss
に役立つかもしれません。 – mojtab23
@ mojtab23 CSSでの変数のサポートはありません(少なくとも広く)。 CSSを無効にする唯一の方法はSCSSです。 – codef0rmer
これは正解です。カスタムテーマを作成するにはSCSSを使用するか、あらかじめ作成されたダークテーマを使用する必要があります。 – DevVersion
現在のリリース:2.0.0-beta.3現在、グローバルsass
ファイルにベローを追加しました。
@import '[email protected]/material/theming';
// Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue.
$dark-primary: mat-palette($mat-blue-grey);
$dark-accent: mat-palette($mat-amber, A200, A100, A400);
// The warn palette is optional (defaults to red).
$dark-warn: mat-palette($mat-deep-orange);
// Create the theme object (a Sass map containing all of the palettes).
$cdark-theme: mat-light-theme($dark-primary, $dark-accent, $dark-warn);
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($cdark-theme);
- 1. 角度のある素材の暗いテーマを設定する
- 2. 角度素材テーマの使い方は?
- 3. 角度2の素材デザインのテーマを変更
- 4. PreferenceFragmentCompatテーマを設定する
- 5. ジャワ、春は混乱のテーマを設定し、テーマ豆の設定
- 6. テーマ設定のインデックスページを編集する
- 7. AndroidアプリケーションのHoloテーマを設定する
- 8. Ext GWTでテーマを設定する
- 9. VS2015で角度2を設定する
- 10. 角度素材テーマ設定は$ mdThemingProviderは、私は角度素材をuisngだし、今、私は次のように他人のpalettsを使用するデフォルトのテーマを変更したい
- 11. Syliusテーマ設定 - オーバーライドウェブ/バンドル/ syliusweb
- 12. テーマ設定ダイアログウィンドウがWPF
- 13. JGrowl設定したテーマ
- 14. 角度素材が背景色を設定するのはなぜですか?
- 15. 角度材料スライダティック値を設定する方法
- 16. 角度を設定する
- 17. 角度2の素材2 Firebaseイベントリスナー内で条件セットを設定したときにスナックバーが失敗する
- 18. 素材のテーマAPIレベル14
- 19. 角2の素材 - 条件付きでツールバーの色を設定する方法
- 20. Emacsで特定のプロジェクト(Projectile)のテーマを設定する方法
- 21. 特定の角度素材コンポーネントのスタイルを設定するにはどうすればよいですか?
- 22. 角度材質2で仰角を定義する方法は?
- 23. コンテキストスコープを角度に設定する
- 24. コハナテーマ - テーマをK3に設定する方法
- 25. アンドロイドでテーマを連続的に設定する方法
- 26. Androidアプリでholo darkテーマを設定するには?
- 27. レイアウトに別のテーマを設定する方法
- 28. テーマをProgressDialogに設定する方法は?
- 29. Intellij-ideaのUIテーマを設定するには?
- 30. 実行時に半透明のテーマをプログラムで設定する
https://github.com/jelbourn/material2-appは、上記のコードの言語がSCSS CSSではありませんので、それは働いていない – Searching