From 11d3198b57ce43774fc61f34e0d09797a301b69e Mon Sep 17 00:00:00 2001 From: Serghey Rodin Date: Mon, 1 Apr 2013 22:33:13 +0300 Subject: [PATCH] improving color contrast --- web/css/jquery-custom-dialogs.css | 4 ++-- web/templates/header.html | 16 ++++++++-------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/web/css/jquery-custom-dialogs.css b/web/css/jquery-custom-dialogs.css index 556869f8..c2bec158 100644 --- a/web/css/jquery-custom-dialogs.css +++ b/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; } diff --git a/web/templates/header.html b/web/templates/header.html index d23618f7..31ef0a8d 100644 --- a/web/templates/header.html +++ b/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;