roojs-ui.js

[roojs1] / less / roojs-bootstrap / upload-cropbox.less

diff --git a/less/roojs-bootstrap/upload-cropbox.less b/less/roojs-bootstrap/upload-cropbox.less
index 7e0da86..dffd753 100644 (file)
--- a/less/roojs-bootstrap/upload-cropbox.less
+++ b/less/roojs-bootstrap/upload-cropbox.less
@@ -11,8 +11,8 @@
 }
 
 .roo-upload-cropbox-body {
-    background-color: #fff;
-    border: 1px solid #e3e3e3;
+    background-color: @body-bg;
+    border: 1px solid @gray-light;
     width: 100%;
     height: 450px;
     max-height: 450px;
@@ -37,15 +37,15 @@
     left: 50%;
     transform: translate(-50%, -50%);*/
     box-sizing: border-box;
-    border: 1px solid rgb(102, 102, 102);
-    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+    border: 1px solid @gray-light;
+    box-shadow: 0 0 0 1000px @black-opacity-50;
     background: none repeat scroll 0% 0% transparent;
 }
 
 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: white;
+    background-color: @black-opacity-50;
+    color: @body-bg;
     font-weight: bold;
     font-size: 24px;
     text-align: center;
@@ -54,9 +54,9 @@
 }
 
 .roo-upload-cropbox-btn-group button {
-    background-color: black;
-    color: white;
-    border-color: #333;
+    background-color: @gray-base;
+    color: @body-bg;
+    border-color: @gray-dark;
 }
 
 .roo-upload-cropbox-error-notify {