diff --git a/core/css/jquery.ocdialog.css b/core/css/jquery.ocdialog.scss
similarity index 84%
rename from core/css/jquery.ocdialog.css
rename to core/css/jquery.ocdialog.scss
index 2100a3db7a..efb2cc2f2e 100644
--- a/core/css/jquery.ocdialog.css
+++ b/core/css/jquery.ocdialog.scss
@@ -1,7 +1,8 @@
 .oc-dialog {
-	background: #fff;
-	color: #333;
-	border-radius: 3px; box-shadow: 0 0 7px #888;
+	background: $color-main-background;
+	color: nc-darken($color-main-text, 20%);
+	border-radius: 3px;
+	box-shadow: 0 0 7px $color-box-shadow;
 	padding: 15px;
 	z-index: 10000;
 	font-size: 100%;
@@ -17,7 +18,7 @@
 	overflow: auto;
 }
 .oc-dialog-title {
-	background: #fff;
+	background: $color-main-background;
 	margin-left: 12px;
 }
 .oc-dialog-buttonrow {
@@ -30,7 +31,7 @@
 	padding-bottom: 0;
 	box-sizing: border-box;
 	width: 100%;
-	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
+	background-image: linear-gradient(transparent, $color-main-background);
 	border-bottom-left-radius: 3px;
 	border-bottom-right-radius: 3px;
 }