css: fix text contrast problems

diff --git a/src/newslash_web/css/newslash/base.less b/src/newslash_web/css/newslash/base.less
index 9dd9b6d..1d0ae50 100644 (file)
--- a/src/newslash_web/css/newslash/base.less
+++ b/src/newslash_web/css/newslash/base.less
@@ -19,8 +19,6 @@
 @color-weak: #695130;
 @color-weaker: #8A6D42;
 
-
-
 @background-color-stronger: #e5dac9;
 @background-color-strong: #e5dac9;
 @background-color-weak: #f0eae0;
@@ -38,6 +36,12 @@
 @mobile-horizontal-margin: 0;
 @mobile-vertical-margin: 8px;
 
+@modal-screen-color: #00000080;
+@form-element-hover-background: @background-color-weaker;
+@form-element-border-color: darkgray;
+@form-element-shadow-color: lightgray;
+
+
 @icon-font-path: "/fonts/";
 @icon-font-name: "glyphicons-halflings-regular";
 @icon-font-svg-id: "glyphicons_halflingsregular";

diff --git a/src/newslash_web/css/newslash/comment.less b/src/newslash_web/css/newslash/comment.less
index abd4149..24811c7 100644 (file)
--- a/src/newslash_web/css/newslash/comment.less
+++ b/src/newslash_web/css/newslash/comment.less
@@ -55,7 +55,7 @@
     }
 }
 
-@comment-property-text-color: #997a49;
+@comment-property-text-color: @color-weak;
 
 .comment-item {
     &:extend(.bordered-box);
@@ -114,7 +114,6 @@
             }
         }
         select, .btn { width: auto; }
-        .dropdown-menu li a:hover { background: #ccc; }
     }
 
 }
@@ -136,7 +135,7 @@
     .date {display: none};
     .cid {display: none};
     br { display: none;}
-    .body {color: gray;}
+    .body {color: @color-weaker; }
     footer { display: none; }
     h1[title-orig="no"] .subject {display: none;}
     h1[title-orig="no"]:before {content: "Re:";}

diff --git a/src/newslash_web/css/newslash/content.less b/src/newslash_web/css/newslash/content.less
index bafb18b..6802f64 100644 (file)
--- a/src/newslash_web/css/newslash/content.less
+++ b/src/newslash_web/css/newslash/content.less
@@ -8,7 +8,7 @@
     }
 
     a { text-decoration: underline; }
-    a:hover { color: #C33; }
+    a:hover { color: @anchor-color-hover; }
     ul {
        list-style-type: disc;
     }
@@ -16,7 +16,7 @@
     }
     div.quote,
     blockquote {
-       border-left: 3px solid #DDDDDD;
+       border-left: 3px solid @component-border-color;
        padding-left: 0.75em;
        margin-left: 0;
     }

diff --git a/src/newslash_web/css/newslash/form.less b/src/newslash_web/css/newslash/form.less
index 94c9323..3c6bfd6 100644 (file)
--- a/src/newslash_web/css/newslash/form.less
+++ b/src/newslash_web/css/newslash/form.less
@@ -1,9 +1,5 @@
 /* form related styles */
 
-@form-element-hover-background: @background-color-weaker;
-@form-element-border-color: darkgray;
-@form-element-shadow-color: lightgray;
-
 .text-form {
     padding: 4px;
     margin: 4px 0;

diff --git a/src/newslash_web/css/newslash/modal.less b/src/newslash_web/css/newslash/modal.less
index 8def5b9..6e1c001 100644 (file)
--- a/src/newslash_web/css/newslash/modal.less
+++ b/src/newslash_web/css/newslash/modal.less
@@ -12,7 +12,7 @@
         left: 0;
         right: 0;
         position: fixed;
-        background-color: #00000080;
+        background-color: @modal-screen-color;
         z-index: 1000;
     }
 }

diff --git a/src/newslash_web/css/newslash/motd.less b/src/newslash_web/css/newslash/motd.less
index e9ace88..de1f33f 100644 (file)
--- a/src/newslash_web/css/newslash/motd.less
+++ b/src/newslash_web/css/newslash/motd.less
@@ -5,7 +5,7 @@ section.motd {
     font-size: 130%;
     font-weight: bold;
     font-style: italic;
-    color: gray;
+    color: @color-weak;
     text-align: center;
 
     border-top: 1px solid @component-border-color;
@@ -18,4 +18,4 @@ section.motd {
         margin: 0;
     }
     p { display: inline; }
-}
\ No newline at end of file
+}