roojs-ui.js

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

diff --git a/less/roojs-bootstrap/calendar.less b/less/roojs-bootstrap/calendar.less
index acc4803..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,17 +207,15 @@ html .fc,
 
 .fc-state-default {
     background-color: @well-bg;
-    background-image: -moz-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@white), to(@gray-lighter-90));
-    background-image: -webkit-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: -o-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: linear-gradient(to bottom, @white, @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: @black-opacity-10 @black-opacity-10 @black-opacity-25;
+    border-color: @gray-light @gray-light @gray-light;
+    border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
     color: @gray-dark;
-    text-shadow: 0 1px 1px @white-opacity-75;
-    box-shadow: inset 0 1px 0 @white-opacity-20, 0 1px 2px @black-opacity-05;
 }
 
 .fc-state-hover,
@@ -225,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 {
@@ -240,10 +238,10 @@ 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-15, 0 1px 2px @black-opacity-05;
+    box-shadow: inset 0 2px 4px @black-opacity-20, 0 1px 2px @black-opacity-20;
 }
 
 .fc-state-disabled {
@@ -267,9 +265,9 @@ html .fc,
 }
 
 .fc-event {
-    border: 1px solid #3a87ad; /* default BORDER color */
-    background-color: #3a87ad; /* default BACKGROUND color */
-    color: @white;               /* default TEXT color */
+    border: 1px solid @brand-primary; //#3a87ad; /* default BORDER color */
+    background-color: @brand-primary; //#3a87ad; /* default BACKGROUND color */
+    color: @body-bg;               /* default TEXT color */
     font-size: .85em;
     cursor: default;
 }
@@ -494,7 +492,7 @@ table.fc-border-separate {
 }
 
 .fc-widget-header .fc-agenda-divider-inner {
-    background: #eee;
+    background: @gray-lighter;
 }
 
 /* slot rows */
@@ -564,7 +562,7 @@ table.fc-border-separate {
     left: 0;
     width: 100%;
     height: 100%;
-    background: #fff;
+    background: @body-bg;
     opacity: .25;
     filter: alpha(opacity=25);
 }