materialize datetimepickerのデフォルトのボディカラーを変更するには？

Question

ここにコード全体がありますhttp://codepen.io/anon/pen/BjqxOq

私は上記のCodepenで見ることができるマテリアライズCSSを使用してログインフォームを表示しています。それは2つのボタンを持っていますログインと登録。レジスタをクリックすると、必要な登録フィールドを含むモーダルが表示され、その1つがdatetimepickerになります。

datetimepickerのデフォルトのボディカラーを変更する可能性はありますか？

HTML

<div class="row"> 
    <div class="input-field col s6">Date of Birth 
     <input type="date" class="datepicker "> 
    </div> 
</div> 

JS

$(document).ready(function(){ 
    $('.datepicker').pickadate({ 
     selectMonths: true, // Creates a dropdown to control month 
     selectYears: 15 // Creates a dropdown of 15 years to control year 
    }); 
}); 

Answer 1

materializecssの日付ピッカーは"picker__box"と呼ばれるクラスを持つdiv要素を持っています。 このクラスの背景色を設定すると、以下のcodepenのように、日付ピッカーがこの色を取ります。私はこのことを願っています

.picker__date-display, .picker__weekday-display{ 
    background-color: #CCC; 
} 

：

http://codepen.io/anon/pen/OMBoMz

.picker__box{ 
    background-color: #CCC; 
} 

EDITは

すぎ上半身の色を変更するには、次の2つの以上のクラスの背景色を設定する必要があります助けて！

Answer 2

EDIT：これは身体を変更するが、体が、すべてのもの、とカントコメント

体が白いことはできません。

Allan Pereiraの解決策は私のためには機能しませんでしたが、すべてが私の色（白い背景も）に行きました。

私はこの

.picker__date-display, .picker__weekday-display{ 
     background-color: rgba(66, 133, 244, 0.79); 
    } 

    div.picker__day.picker__day--infocus.picker__day--selected.picker__day--highlighted { 
     background-color: rgba(66, 133, 244, 0.79); 
    } 

    button.picker__today, button.picker__close { 
     color: rgba(66, 133, 244, 0.79); 
    } 

（色が素敵な青である）

編集に使用：私はいくつかの答えが を働いていないことに気づいた私は少し検索しましたhttp://codepen.io/anon/pen/Kgxbdj#anon-signup

Answer 3

と：codepenをこれが結果です。 これに従って、CSSファイルを変更してください。 私は以下のすべてのテキストを自由にコピーして追加しました。

は

.picker__date-display { background-color: #6d4e7a; } 
.picker__day.picker__day--today { color: red; } 
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: #6d4e7a;} 
.picker__close { color: #6d4e7a !important;} 
.picker__today { color: #6d4e7a !important;} 
.clockpicker-tick:hover { background: #6d4e7a !important; } 
.clockpicker-canvas line { stroke: #6d4e7a !important; } 
.clockpicker-canvas-bearing { fill: #6d4e7a !important; } 
.clockpicker-canvas-bg { fill: #6d4e7a !important; }