update CSS

examples/mouse_events/css/example.css

@@ -4,7 +4,6 @@
     right: 0px;
     height: 14px;
     padding: 2px 0 0 2px;
-    background: rgb(240, 240, 240);
     cursor: pointer;
 }
 #log {
@@ -14,8 +13,6 @@
     right: 0;
     bottom: 0;
     border-width: 0;
-    border-top: 1px solid rgb(208, 208, 208);
-    background: rgb(255, 255, 255);
     overflow-y: auto;
 }
 #target {
@@ -26,8 +23,30 @@
     width: 253px;
     padding: 2px 0 0 2px;
     border-width: 0;
-    border-right: 1px solid rgb(208, 208, 208);
-    background: rgb(224, 224, 224);
     font-weight: bold;
     cursor: crosshair;
+}
+
+.OxThemeClassic #clear {
+    background: rgb(240, 240, 240);
+}
+.OxThemeClassic #log {
+    border-top: 1px solid rgb(208, 208, 208);
+    background: rgb(255, 255, 255);
+}
+.OxThemeClassic #target {
+    border-right: 1px solid rgb(208, 208, 208);
+    background: rgb(224, 224, 224);
+}
+
+.OxThemeModern #clear {
+    background: rgb(16, 16, 16);
+}
+.OxThemeModern #log {
+    border-top: 1px solid rgb(48, 48, 48);
+    background: rgb(0, 0, 0)
+}
+.OxThemeModern #target {
+    border-right: 1px solid rgb(48, 48, 48);
+    background: rgb(32, 32, 32);
 }

examples/mouse_events/js/example.js

@@ -2,7 +2,7 @@
 This example demonstrates the mouse events that any Ox.Element fires.
 */
 
-Ox.load({UI: {theme: 'classic'}}, function() {
+Ox.load('UI', function() {
 
     var $target = Ox.Element()
             .addClass('OxMonospace')

index.css

@@ -131,7 +131,9 @@ body.OxThemeModern,
 .OxThemeClassic .readme .OxSyntaxHighlighter {
     box-shadow: 0 0 1px rgb(160, 160, 160)
 }
-.OxThemeModern .OxComment .doclink,
+.OxThemeModern .OxComment .doclink {
+    box-shadow: 0 0 1px rgb(255, 255, 255)
+}
 .OxThemeModern .logo,
 .OxThemeModern .page,
 .OxThemeModern .readme .OxSyntaxHighlighter {

source/Ox.UI/css/Ox.UI.css

@@ -1967,10 +1967,8 @@ SourceViewer
 .OxSourceViewer .OxComment code {
     padding: 1px 3px 1px 3px;
     border-radius: 2px;
-    background: rgb(255, 255, 255);
     font-family: Menlo, Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Consolas, Lucida Console, monospace;
     font-size: 11px;
-    box-shadow: 0 0 1px rgb(160, 160, 160);
 }
 .OxSourceViewer .OxComment pre {
     line-height: 16px;

source/Ox.UI/themes/classic/css/classic.css

@@ -667,6 +667,10 @@ SourceViewer
 .OxThemeClassic .OxSourceViewer .OxComment {
     border-color: rgb(208, 208, 208);
 }
+.OxThemeClassic .OxSourceViewer .OxComment code {
+    background-color: rgb(255, 255, 255);
+    box-shadow: 0 0 1px rgb(160, 160, 160);
+}
 .OxThemeClassic .OxSourceViewer .OxCode {
     background-color: rgb(255, 255, 255);
 }

source/Ox.UI/themes/modern/css/modern.css

@@ -651,6 +651,10 @@ SourceViewer
 .OxThemeModern .OxSourceViewer .OxComment {
     border-color: rgb(48, 48, 48);
 }
+.OxThemeModern .OxSourceViewer .OxComment code {
+    background-color: rgb(0, 0, 0);
+    box-shadow: 0 0 1px rgb(255, 255, 255);
+}
 .OxThemeModern .OxSourceViewer .OxCode {
     background-color: rgb(0, 0, 0);
 }