20386


以下を参考に、  
背景やボタンが暗くなるのかな？と思い、試してみました。

> Angular Material / Theming  
>  Configuring a Theme  
>  Specifying Dark Themes  
>  <https://goo.gl/W2SvuR>  
>  \--  
>  You can mark a theme as dark by calling theme.dark().

結果、なってないのですが、

  1. theme.dark() では、そもそも何が暗くなるのでしょう？

  2. そして、どうすれば暗くなるのでしょう？

CodePen で試していますので、ご確認下さい。

> CodePen  
>  <http://goo.gl/6I1ANC>
[code]

    angular.module('app', ['ngMaterial'])
      .controller('appCtrl', function($scope) {})
    
      .config(function($mdThemingProvider) {
        $mdThemingProvider.theme('default')
          .dark();
      })
[/code]

[code]

    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <link href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css" rel="stylesheet" />
    <div ng-app="app" ng-controller="appCtrl">
      <md-button class="md-raised md-primary">A</md-button>
    </div>
[/code]


CC BY-SA 4.0
2015-12-25T19:22:18.987
20378
2019-12-13T20:14:58.070
2020-06-17T08:14:45.997
-1
13813
question
angularjs angular-material
Angular Material で theme.dark() を効かせたい


枠線や段落の背景を暗くする定義ですので、

[code]

    <div ng-app="app" ng-controller="appCtrl">
      <md-content>
        <md-button class="md-raised md-primary">A</md-button>
      </md-content>
    </div>
    
[/code]

のように、`<md-content>`などで囲むと適用されます。


CC BY-SA 3.0
2015-12-26T01:32:28.010
20386
2015-12-26T01:32:28.010
5778
20378
answer