Changement theme

src/css/materialize/components/_buttons.scss

@@ -280,6 +280,7 @@ button.btn-floating {
   &:focus,
   &:hover {
     box-shadow: none;
+    color: $button-flat-color-hover !important;
   }
   &:focus {
     background-color: rgba(0, 0, 0, .1);

src/css/materialize/components/_variables.scss

@@ -34,11 +34,11 @@
 // 1. Colors
 // ==========================================================================
 
-$primary-color: color("materialize-red", "lighten-2") !default;
+$primary-color: color("light-blue", "lighten-2") !default;
 $primary-color-light: lighten($primary-color, 15%) !default;
 $primary-color-dark: darken($primary-color, 15%) !default;
 
-$secondary-color: color("teal", "lighten-1") !default;
+$secondary-color: color("blue", "lighten-1") !default;
 $success-color: color("green", "base") !default;
 $error-color: color("red", "base") !default;
 $link-color: color("light-blue", "darken-1") !default;
@@ -85,7 +85,8 @@ $button-small-height: $button-height * .9 !default;
 $button-floating-small-size: $button-height * .9 !default;
 
 // Flat buttons
-$button-flat-color: #343434 !default;
+$button-flat-color: color("blue", "darken-4") !default;
+$button-flat-color-hover: color("blue", "darken-1") !default;
 $button-flat-disabled-color: lighten(#999, 10%) !default;
 
 // Floating buttons
@@ -101,8 +102,8 @@ $button-floating-radius: 50% !default;
 
 $card-padding: 24px !default;
 $card-bg-color: #fff !default;
-$card-link-color: color("orange", "accent-2") !default;
-$card-link-color-light: lighten($card-link-color, 20%) !default;
+$card-link-color: color("blue", "darken-4") !default;
+$card-link-color-light: color("blue", "darken-1") !default;
 
 
 // 5. Carousel

src/css/materialize/components/_waves.scss

@@ -58,6 +58,9 @@
   &.waves-teal .waves-ripple {
     background-color: rgba(0, 150, 136, 0.70);
   }
+  &.waves-blue .waves-ripple {
+    background-color: rgba(0, 153, 255, 0.7);
+  }
 
   // Style input button bug.
   input[type="button"], input[type="reset"], input[type="submit"] {

src/edit.html

@@ -30,10 +30,10 @@
             <div class="container">
                 <div class="row mtop-5">
                     <div class="col s6 left-align">
-                        <a href="index.html" class="modal-close waves-effect waves-light btn-large red"><i class="large material-icons left">keyboard_backspace</i> Retour</a>
+                        <a href="index.html" class="modal-close waves-effect waves-light btn-large blue"><i class="large material-icons left">keyboard_backspace</i> Retour</a>
                     </div>
                     <div class="col s6 right-align">
-                        <button class="btn-floating btn-large waves-effect waves-light red tooltipped" data-position="left" data-tooltip="Sauvegarder" onclick="validCard()"><i class="large material-icons">save</i></button>
+                        <button class="btn-floating btn-large waves-effect waves-light blue tooltipped" data-position="left" data-tooltip="Sauvegarder" onclick="validCard()"><i class="large material-icons">save</i></button>
                     </div>
                 </div>
                 <div class="row">

src/index.html

@@ -59,15 +59,15 @@
                 <div id="modal-content"></div>
             </div>
             <div class="modal-footer">
-                <a id="modal-edit" href="#!" class="waves-effect waves-red btn-flat">Modifier</a>
-                <span id="modal-delete" class="modal-close waves-effect waves-red btn-flat" onclick="deleteCard(this, false)">Supprimer</span>
-                <span class="modal-close waves-effect waves-red btn-flat">Fermer</span>
+                <a id="modal-edit" href="#!" class="waves-effect waves-blue btn-flat">Modifier</a>
+                <span id="modal-delete" class="modal-close waves-effect waves-blue btn-flat" onclick="deleteCard(this, false)">Supprimer</span>
+                <span class="modal-close waves-effect waves-blue btn-flat">Fermer</span>
             </div>
         </div>
 
         <!-- Add button -->
         <div class="fixed-action-btn">
-            <a id="float-add-btn" href="edit.html" class="btn-floating btn-large waves-effect waves-light red hide tooltipped" data-position="left" data-tooltip="Ajouter">
+            <a id="float-add-btn" href="edit.html" class="btn-floating btn-large waves-effect waves-light blue hide tooltipped" data-position="left" data-tooltip="Ajouter">
                 <i class="large material-icons">add</i>
             </a>
         </div>