light theme: improve colours

* make the background lighter
* set highlight colour to something readable
* improve readability of default grey colours
* make default text color readable
* fix some base colours
This commit is contained in:
Ailin Nemui 2014-09-01 17:35:43 +02:00 committed by David Cormier
parent bda4e1af3e
commit 1e2c26812f
2 changed files with 27 additions and 27 deletions

View file

@ -30,7 +30,7 @@ tr.bufferline:hover {
background-color: #222222; background-color: #222222;
} }
.danger, .alert-danger, .badge .alert-danger { .danger, .alert-danger, .badge .alert-danger, .badge.danger {
background-color: rgb(217, 83, 79); background-color: rgb(217, 83, 79);
color: #ddd; color: #ddd;
} }
@ -501,13 +501,13 @@ input[type=text], input[type=password], #sendMessage, .badge {
color: #000000; /* 000 Black */ color: #000000; /* 000 Black */
} }
.cef-1 { .cef-1 {
color: #cd0000; /* 001 DarkRed */ color: #7f0000; /* 001 DarkRed */
} }
.cef-2 { .cef-2 {
color: #00cd00; /* 002 DarkGreen */ color: #00cd00; /* 002 DarkGreen */
} }
.cef-3 { .cef-3 {
color: #cdcd00; /* 003 DarkYellow */ color: #fc7f00; /* 003 Orange */
} }
.cef-4 { .cef-4 {
color: #0000ee; /* 004 DarkBlue */ color: #0000ee; /* 004 DarkBlue */
@ -1271,13 +1271,13 @@ input[type=text], input[type=password], #sendMessage, .badge {
background-color: #000000; /* 000 Black */ background-color: #000000; /* 000 Black */
} }
.ceb-1 { .ceb-1 {
background-color: #cd0000; /* 001 DarkRed */ background-color: #7f0000; /* 001 DarkRed */
} }
.ceb-2 { .ceb-2 {
background-color: #00cd00; /* 002 DarkGreen */ background-color: #00cd00; /* 002 DarkGreen */
} }
.ceb-3 { .ceb-3 {
background-color: #cdcd00; /* 003 DarkYellow */ background-color: #fc7f00; /* 003 Orange */
} }
.ceb-4 { .ceb-4 {
background-color: #0000ee; /* 004 DarkBlue */ background-color: #0000ee; /* 004 DarkBlue */

View file

@ -4,7 +4,7 @@ body {
} }
#bufferlines { #bufferlines {
background-color: #efefef; background-color: #fdfdfd;
} }
html { html {
@ -24,10 +24,10 @@ html {
} }
tr.bufferline:hover { tr.bufferline:hover {
background-color: #fff; background-color: #efefef;
} }
.danger, .alert-danger, .badge .alert-danger { .danger, .alert-danger, .badge .alert-danger, .badge.danger {
background-color: rgb(217, 83, 79); background-color: rgb(217, 83, 79);
color: #ddd; color: #ddd;
} }
@ -386,7 +386,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
/* WeeChat colors, foreground */ /* WeeChat colors, foreground */
.cwf-default { .cwf-default {
color: #575757; color: #282828;
} }
.cwf-black { .cwf-black {
@ -496,28 +496,28 @@ input[type=text], input[type=password], #sendMessage, .badge {
color: #000000; /* 000 Black */ color: #000000; /* 000 Black */
} }
.cef-1 { .cef-1 {
color: #cd0000; /* 001 DarkRed */ color: #7f0000; /* 001 DarkRed */
} }
.cef-2 { .cef-2 {
color: #00cd00; /* 002 DarkGreen */ color: #009300; /* 002 DarkGreen */
} }
.cef-3 { .cef-3 {
color: #cdcd00; /* 003 DarkYellow */ color: #fc7f00; /* 003 Orange */
} }
.cef-4 { .cef-4 {
color: #0000ee; /* 004 DarkBlue */ color: #0000ee; /* 004 DarkBlue */
} }
.cef-5 { .cef-5 {
color: #cd00cd; /* 005 DarkMagenta */ color: #8e00cd; /* 005 DarkMagenta */
} }
.cef-6 { .cef-6 {
color: #00cdcd; /* 006 DarkCyan */ color: #009393; /* 006 DarkCyan */
} }
.cef-7 { .cef-7 {
color: #e5e5e5; /* 007 LightGrey */ color: #848484; /* 007 LightGrey */
} }
.cef-8 { .cef-8 {
color: #7f7f7f; /* 008 DarkGrey */ color: #606060; /* 008 DarkGrey */
} }
.cef-9 { .cef-9 {
color: #ff0000; /* 009 LightRed */ color: #ff0000; /* 009 LightRed */
@ -526,16 +526,16 @@ input[type=text], input[type=password], #sendMessage, .badge {
color: #00ff00; /* 010 LightGreen */ color: #00ff00; /* 010 LightGreen */
} }
.cef-11 { .cef-11 {
color: #666600; /* 011 LightYellow*/ color: #d4d420; /* 011 LightYellow*/
} }
.cef-12 { .cef-12 {
color: #4E6C78; /* 012 LightBlue */ color: #4E80ff; /* 012 LightBlue */
} }
.cef-13 { .cef-13 {
color: #644764; /* 013 LightMagenta */ color: #e407e4; /* 013 LightMagenta */
} }
.cef-14 { .cef-14 {
color: #182D2B; /* 014 LightCyan */ color: #18e1e1; /* 014 LightCyan */
} }
.cef-15 { .cef-15 {
color: #4A4A4A; /* 015 White */ color: #4A4A4A; /* 015 White */
@ -1266,22 +1266,22 @@ input[type=text], input[type=password], #sendMessage, .badge {
background-color: #000000; /* 000 Black */ background-color: #000000; /* 000 Black */
} }
.ceb-1 { .ceb-1 {
background-color: #cd0000; /* 001 DarkRed */ background-color: #7f0000; /* 001 DarkRed */
} }
.ceb-2 { .ceb-2 {
background-color: #00cd00; /* 002 DarkGreen */ background-color: #009300; /* 002 DarkGreen */
} }
.ceb-3 { .ceb-3 {
background-color: #cdcd00; /* 003 DarkYellow */ background-color: #fc7f00; /* 003 Orange */
} }
.ceb-4 { .ceb-4 {
background-color: #0000ee; /* 004 DarkBlue */ background-color: #0000ee; /* 004 DarkBlue */
} }
.ceb-5 { .ceb-5 {
background-color: #cd00cd; /* 005 DarkMagenta */ background-color: #8e00cd; /* 005 DarkMagenta */
} }
.ceb-6 { .ceb-6 {
background-color: #00cdcd; /* 006 DarkCyan */ background-color: #009393; /* 006 DarkCyan */
} }
.ceb-7 { .ceb-7 {
background-color: #e5e5e5; /* 007 LightGrey */ background-color: #e5e5e5; /* 007 LightGrey */
@ -1299,7 +1299,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
background-color: #ffff00; /* 011 LightYellow */ background-color: #ffff00; /* 011 LightYellow */
} }
.ceb-12 { .ceb-12 {
background-color: #5c5cff; /* 012 LightBlue */ background-color: #0080ff; /* 012 LightBlue */
} }
.ceb-13 { .ceb-13 {
background-color: #ff00ff; /* 013 LightMagenta */ background-color: #ff00ff; /* 013 LightMagenta */
@ -2058,7 +2058,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
/* highlight messages */ /* highlight messages */
.highlight { .highlight {
color: yellow; color: orange;
font-weight: bold; font-weight: bold;
} }