roojs-ui.js

[roojs1] / less / roojs-bootstrap / calendar.less

diff --git a/less/roojs-bootstrap/calendar.less b/less/roojs-bootstrap/calendar.less
index dadcf17..622a899 100644 (file)
--- a/less/roojs-bootstrap/calendar.less
+++ b/less/roojs-bootstrap/calendar.less
@@ -126,15 +126,15 @@ html .fc,
 
 .fc-widget-header,    /* <th>, usually */
 .fc-widget-content {  /* <td>, usually */
-    border: 1px solid @gray-lighter-86-5;
+    border: 1px solid @gray-light;
 }
 
 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
-    background: @warning-lighter-33; //#fcf8e3
+    background: @brand-warning; //#fcf8e3
 }
 
 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
-    background: @info-lighter-33; //#bce8f1
+    background: @brand-info; //#bce8f1
     opacity: .3;
     filter: alpha(opacity=30); /* for IE */
 }
@@ -207,13 +207,13 @@ html .fc,
 
 .fc-state-default {
     background-color: @well-bg;
-    background-image: -moz-linear-gradient(top, @body-bg, @gray-lighter-90);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@body-bg), to(@gray-lighter-90));
-    background-image: -webkit-linear-gradient(top, @body-bg, @gray-lighter-90);
-    background-image: -o-linear-gradient(top, @body-bg, @gray-lighter-90);
-    background-image: linear-gradient(to bottom, @body-bg, @gray-lighter-90);
+    background-image: -moz-linear-gradient(top, @body-bg, @gray-light);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@body-bg), to(@gray-light));
+    background-image: -webkit-linear-gradient(top, @body-bg, @gray-light);
+    background-image: -o-linear-gradient(top, @body-bg, @gray-light);
+    background-image: linear-gradient(to bottom, @body-bg, @gray-light);
     background-repeat: repeat-x;
-    border-color: @gray-lighter-90 @gray-lighter-90 @gray-lighter-75;
+    border-color: @gray-light @gray-light @gray-light;
     border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
     color: @gray-dark;
 }
@@ -223,7 +223,7 @@ html .fc,
 .fc-state-active,
 .fc-state-disabled {
     color: @gray-dark;
-    background-color: @gray-lighter-90;
+    background-color: @gray-light;
 }
 
 .fc-state-hover {
@@ -238,7 +238,7 @@ html .fc,
 
 .fc-state-down,
 .fc-state-active {
-    background-color: @gray-lighter-80;
+    background-color: @gray-light;
     background-image: none;
     outline: 0;
     box-shadow: inset 0 2px 4px @black-opacity-20, 0 1px 2px @black-opacity-20;