diff --git a/source/Ox.UI/themes/classic/css/classic.css b/source/Ox.UI/themes/classic/css/classic.css
index ec4cf949..aa777766 100644
--- a/source/Ox.UI/themes/classic/css/classic.css
+++ b/source/Ox.UI/themes/classic/css/classic.css
@@ -16,7 +16,20 @@ body.OxThemeClassic {
 .OxThemeClassic .OxLight {
     color: rgb(128, 128, 128);
 }
-
+.OxThemeClassic .OxGrid {
+    background-color: rgb(248, 248, 248);
+    background-image:
+        -moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), 
+	    -moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
+    background-image:
+        -o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), 
+	    -o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
+    background-image:
+        -webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), 
+    	-webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
+    background-size: 32px 32px;
+    background-position: 0 0, 16px 16px
+}
 
 /*
 ================================================================================
diff --git a/source/Ox.UI/themes/modern/css/modern.css b/source/Ox.UI/themes/modern/css/modern.css
index 6095d646..6d372038 100644
--- a/source/Ox.UI/themes/modern/css/modern.css
+++ b/source/Ox.UI/themes/modern/css/modern.css
@@ -21,6 +21,20 @@ body.OxThemeModern {
 .OxThemeModern .OxLight {
     color: rgb(128, 128, 128);
 }
+.OxThemeModern .OxGrid {
+    background-color: rgb(8, 8, 8);
+    background-image:
+        -moz-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)), 
+	    -moz-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
+    background-image:
+        -o-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)), 
+	    -o-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
+    background-image:
+        -webkit-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)), 
+    	-webkit-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
+    background-size: 32px 32px;
+    background-position: 0 0, 16px 16px
+}
 
 /*
 ================================================================================