angular-material2 - をグローバルにオーバーライドする Google Material 2不透明度とパディング

Question

"@angular2-material/toolbar": "2.0.0-alpha.6-2"

<md-toolbar>アプリケーション全体の背景の不透明度とパディングを変更したいと考えています。

私のアプリケーションは次からインポートしていindex.htmlます:

@import "default-theme";
@import 'variables';
@import 'overlay';
@import 'live-announcer';

Material 2 を使用しています。私の考えでは、Material 2toolbar.scssファイル内でこれらの設定を何らかの方法でオーバーライドする必要があると考えています (以下に抜粋)。

md-toolbar {
  ...
  padding: 0 $md-toolbar-padding;
  ...
  background: md-color($md-background, app-bar);
}

toolbar.jsフォルダー内のファイルを掘り下げたところvendor、全体が埋め込まれてtoolbar.cssいるように見えます...したがって、これらのスタイルプロパティのいずれかをオーバーライドする機会がある唯一の場所は、コンポーネントをMdToolbar介して使用するコンポーネント内にあるようです' stylesUrls... (ところで: これは動作します)

私がやりたいことはかなり一般的な欲求のように思えるので、何かを見逃していると思います（ただし、Googleマテリアルを使用するのは嫌なことかもしれません---コミュニティがどれほど堅実であるかはわかりません.パディング、背景の透明度などの要素について）... いずれにせよ、自信を持って進めるためには、私の無知を取り除く必要があります。