improving color contrast

Author: serghey-rodin

web/css/jquery-custom-dialogs.css

@@ -58,7 +58,7 @@
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
 .ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
 .ui-widget-content a { color: #222222; }
-.ui-widget-header { background: #ebe9dc; color: #777777; font-size: 10pt; font-weight: bold;}
+.ui-widget-header { background: #505050; color: #fff; font-size: 10pt; font-weight: bold;}
 .ui-widget-header a { color: #222222; }
 
 /* Interaction Cues
@@ -418,7 +418,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
  */
 .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; background: #fff; }
 .ui-dialog .ui-dialog-titlebar { padding: .4em 10pt; position: relative;  }
-.ui-dialog .ui-dialog-title { float: left; margin: .10pt 16px .10pt 0;  font-family: Arial; color: #323232;} 
+.ui-dialog .ui-dialog-title { float: left; margin: .10pt 16px .10pt 0;  font-family: Arial; color: #fff;} 
 .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
 .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

web/templates/header.html

@@ -28,7 +28,7 @@
             }
 
             .top {
-                color: #f5de50;
+                color: #e9d97b;
                 padding: 0;
                 font-family: Arial, Helvetica, sans-serif;
                 margin: 0;
@@ -199,7 +199,7 @@
                 cursor: pointer;
                 color: #333;
                 background-color: #fafafa;
-                border: 1px solid #d3d3d3;
+                border: 1px solid #c3c3c3;
                 border-radius: 3px 3px 3px 3px;
                 padding: 0;
                 font-size: 12px;
@@ -336,12 +336,12 @@
 
             .data-row:hover {
                 margin: 0;
-                background-color: #f2f2e9;
+                background-color: #f7f6ed;
             }
 
             .datarowhover {
                 margin: 0;
-                background-color: #f2f2e9;
+                background-color: #f7f6ed;
             }
 
             .data-null {
@@ -358,7 +358,7 @@
 
             .data-add {
                 margin: 0;
-                background-color: #f2f2e9;
+                background-color: #f7f6ed;
                 border-left: 1px solid #e9e9e9;
                 border-right: 1px solid #e9e9e9;
                 border-bottom: 1px solid #e9e9e9;
@@ -547,7 +547,7 @@
 
             .name {
                 font-size: 16pt;
-                color: #777;
+                color: #555;
                 padding: 0 0 0 10px;
             }
 
@@ -641,9 +641,9 @@
             .button {
                 filter:chroma(color=#000000);
                 cursor: pointer;
-                color: #333;
+                color: #222;
                 background-color: #fafafa;
-                border: 1px solid #d3d3d3;
+                border: 1px solid #c3c3c3;
                 border-radius: 3px 3px 3px 3px;
                 font-size: 14px;
                 padding: 2px 16px;