Merge pull request #393 from berubs/feature-calendar

[calendar] Update colors/icons to match new theme

src/js/dependencies/calendar.js

@@ -148,7 +148,7 @@
 						btn.children('img').attr('alt', alt);
 					} else {
 						btnCtn = $('<div class="cal-' + suffix + '"></div>');
-						btn = $('<a href="javascript:;" role="button"><img class="image-actual" src="' + pe.add.liblocation + 'images/calendar/' + suffix.substr(0, 1) + '.gif" alt="' + alt + '" /></a>');
+						btn = $('<a href="javascript:;" role="button"><img class="image-actual" src="' + pe.add.liblocation + 'images/calendar/' + suffix.substr(0, 1) + '.png" alt="' + alt + '" /></a>');
 
 						btnCtn.append(btn);
 						if (n === 0) {
@@ -259,12 +259,12 @@
 			}
 
 			buttonContainer = $('<div class="cal-goto-button"></div>');
-			button = $('<input type="submit" value="' + pe.dic.get('%calendar-goToButton') + '" />');
+			button = $('<input type="submit" class="button button-accent" value="' + pe.dic.get('%calendar-goToButton') + '" />');
 			buttonContainer.append(button);
 			fieldset.append(buttonContainer);
 
 			buttonCancelContainer = $('<div class="cal-goto-button"></div>');
-			buttonCancel = $('<input type="button" value="' + pe.dic.get('%calendar-cancelButton') + '" />');
+			buttonCancel = $('<input type="button" class="button button-dark" value="' + pe.dic.get('%calendar-cancelButton') + '" />');
 			buttonCancel.click(function () {
 				_pe.fn.calendar.hideGoToForm(calendarid);
 			});

src/js/sass/calendar-base.scss

@@ -32,7 +32,7 @@ div.cal-cnt{
 	}
 	.cal-goto p{
 		float: left;
-		width: 13.7em;
+		width: 13.5em;
 	}
 	.cal-goto-link{
 		margin: 0 0 0.5em 0;

src/js/sass/calendar-theme.scss

@@ -5,12 +5,12 @@
  */
 div.cal-cnt {
 	.cal-header{
-		background:#36C;
+		background:#333;
 		color:#FFF;
 		font-weight:bold;
 	}
 	.cal-nextmonth a:link, .cal-nextmonth a:visited, .cal-prevmonth a:link, .cal-prevmonth a:visited {
-		border:1px solid #36C;
+		border:1px solid #333;
 	}
 	.cal-nextmonth a:hover, .cal-nextmonth a:focus, .cal-nextmonth a:active, .cal-prevmonth a:hover, .cal-prevmonth a:focus, .cal-prevmonth a:active{
 		color:#FFF;
@@ -34,9 +34,9 @@ div.cal-cnt {
 
 ol.cal-weekdays li{
 	border-style:solid;
-	border-color:#111;
+	border-color:#333;
 	font-weight:bolder;
-	background:#222;
+	background:#555;
 	color:#FFF;
 }
 
@@ -47,13 +47,13 @@ div.cal-days {
 		background:#FFF;
 	}
 	span.cal-we, ol.cal-day-list li.cal-we{
-		background:#CCC;
+		background:#EEE;
 	}
 	a{
 		color:#111;
 	}
 	a:hover, a:focus, a:active{	/* active is for IE, focus is for Firefox | active est pour IE, focus est pour Firefox */
-		background:#600;
+		background:#333;
 		color:#FFF;
 	}
 	.cal-currentday, .cal-currentday a{

src/js/sass/datepicker.scss

@@ -51,6 +51,6 @@ div.cal-days {
 		text-decoration:underline;
 	}
 	ol.cal-day-list li.datepicker-selected a{
-		background-color:#600;
+		background-color:#333;
 	}
 }

src/js/sass/events-calendar.scss

@@ -5,7 +5,7 @@
  */
 div.cal-days a.calEvent{
 	color:#FFF !important;
-	background:#36C;
+	background:#176ca7;
 }
 
 ul.ev-details{