Brighten title. Black was hard to read on the dark background.

[tt-rss.git] / themes / night.css

diff --git a/themes/night.css b/themes/night.css
index 7f381b9c19fe21e14b48eeabb0f24b24117e30ea..788d72797c1110dba1364c3e8018a8470cbddfb1 100644 (file)
--- a/themes/night.css
+++ b/themes/night.css
@@ -1,191 +1,201 @@
-@import "default.css";
+@import "default.php";
 
-body#ttrssMain #feeds-holder {
+body.claro.ttrss_main #feeds-holder {
        background : #222;
        border-color : #666;
        border-left-width : 1px;
 }
 
-body#ttrssMain #headlines-frame {
+body.claro.ttrss_main #headlines-frame {
        border-color : #ddd;
 }
 
-body#ttrssMain div.whiteBox {
+body.claro.ttrss_main div.whiteBox {
        border-color : #666;
 }
 
-body#ttrssMain #content-insert {
+body.claro.ttrss_main #content-insert {
        background : #333;
 }
 
-body#ttrssMain #feedTree .dijitTreeRow {
-       color : #ccc;
+body.claro.ttrss_main #feedTree .dijitTreeRow {
+       color : #ccc ! important;
 }
 
-body#ttrssMain.claro .dijitTree .dijitTreeRowHover {
+body.claro.ttrss_main .dijitTree .dijitTreeRowHover {
        background : #444;
        border-color : #666;
 }
 
-body#ttrssMain.claro .dijitTree .dijitTreeRowSelected {
+body.claro.ttrss_main .dijitTree .dijitTreeRowSelected {
        background : #555;
-       border-color : #666;
+       border-color : #666 ! important;
 }
 
-body#ttrssMain.claro .dijitTreeRowSelected .dijitTreeLabel {
+body.claro.ttrss_main .dijitTreeRowSelected .dijitTreeLabel {
        text-shadow : none;
 }
 
-body#ttrssMain #feedTree .counterNode.aux {
+body.claro.ttrss_main #feedTree .counterNode.aux {
        background : #555;
        color : #999;
        border-color : #333;
 }
 
-body#ttrssMain #feedTree .counterNode {
+body.claro.ttrss_main #feedTree .counterNode {
        border : 1px solid #6280AD;
        color : white;
        background : #6280AD;
 }
 
-body#ttrssMain #headlines-frame {
+body.claro.ttrss_main #headlines-frame {
        background : #333;
        color : #ccc;
 }
 
-body#ttrssMain #main-toolbar {
+body.claro.ttrss_main #main-toolbar {
        background : #333;
        border-color : #666;
 }
 
-body#ttrssMain #main-toolbar .dijitButtonText {
+body.claro.ttrss_main #main-toolbar .dijitButtonText {
        color : #ddd;
 }
 
-body#ttrssMain #main-toolbar .dijitSelect {
+body.claro.ttrss_main #main-toolbar .dijitSelect {
        border-color : #666;
 }
 
 
-body#ttrssMain #main,
-body#ttrssMain #overlay {
+body.claro.ttrss_main #main,
+body.claro.ttrss_main #overlay {
        background : #333;
        color : #ccc;
 }
 
-body#ttrssMain .hlFeed a {
+body.claro.ttrss_main .hl .feed a,
+body.claro.ttrss_main .cdm .feed a {
        color : white;
 }
 
-body#ttrssMain div.cdm.expanded div.cdmFooter,
-body#ttrssMain div.cdm.expandable div.cdmFooter {
+body.claro.ttrss_main div.cdm.expanded div.footer,
+body.claro.ttrss_main div.cdm.expandable div.footer {
        border-color : #666;
        color : #ccc;
 }
 
-body#ttrssMain div.cdm.expandable.Selected {
+body.claro.ttrss_main div.cdm.expandable.Selected {
        background : #6280AD;
 }
 
-body#ttrssMain div.cdm.expanded.Unread div.cdmHeader a.title,
-body#ttrssMain div.cdm.expandable.Unread a.title {
+body.claro.ttrss_main div.cdm.expanded.Unread .header a.title,
+body.claro.ttrss_main div.cdm.expandable.Unread a.title {
        color : #ccc;
 }
 
-body#ttrssMain div.cdm.expanded div.cdmHeader a.title,
-body#ttrssMain div.cdm.expandable a.title {
+body.claro.ttrss_main div.cdm.expanded .header a.title,
+body.claro.ttrss_main div.cdm.expandable a.title {
        color : #aaa;
 }
 
-body#ttrssMain .cdm.expandable.active,
-body#ttrssMain .cdm.expandable {
+body.claro.ttrss_main .cdm.expandable.active,
+body.claro.ttrss_main .cdm.expandable {
        border-color : #666;
        background : transparent;
 }
 
-body#ttrssMain .cdm.active {
+body.claro.ttrss_main .cdm.active {
        background : transparent ! important;
 }
 
-body#ttrssMain .cdm .cdmContentInner,
-body#ttrssMain .cdm .titleWrap {
+body.claro.ttrss_main .cdm .content-inner,
+body.claro.ttrss_main .cdm .titleWrap {
        color : #bbb;
 }
 
-#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
+body.claro.ttrss_main #content-insert blockquote,
+body.claro.ttrss_main #headlines-frame blockquote,
+body.claro.ttrss_main .dijitContentPane blockquote {
        color : #999;
        border-color : #666;
 }
 
-#content-insert code, #headlines-frame code, .dijitContentPane code {
+body.claro.ttrss_main #content-insert code,
+body.claro.ttrss_main #headlines-frame code,
+body.claro.ttrss_main .dijitContentPane code {
        color : #009900;
 }
 
-#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
+body.claro.ttrss_main #content-insert pre,
+body.claro.ttrss_main #headlines-frame pre,
+body.claro.ttrss_main.dijitContentPane pre {
        color : #999;
        background : black;
 }
 
-body#ttrssMain .dijitInputField.dijitButtonText {
+body.claro.ttrss_main .dijitInputField.dijitButtonText {
        background : #333;
 }
 
-body#ttrssMain .cdm .cdmContentInner img,
-body#ttrssMain .cdm img.tinyFeedIcon,
-body#ttrssMain .cdm .cdmFooter img,
-body#ttrssMain #feedTree img,
-body#ttrssMain .postContent img {
+/*body.claro.ttrss_main .cdm .content-inner img,
+body.claro.ttrss_main .cdm img.tinyFeedIcon,
+body.claro.ttrss_main .cdm .footer img,
+body.claro.ttrss_main #feedTree img,
+body.claro.ttrss_main .post .content img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // firefox lol
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
-}
+}*/
 
-body#ttrssMain .hl img.hlScorePic {
+body.claro.ttrss_main .hl img.hlScorePic {
        opacity : 0.5;
 }
 
-body#ttrssMain .cdm .cdmFooter img {
+body.claro.ttrss_main .cdm .footer img {
        opacity : 0.6;
 }
 
-body#ttrssMain #floatingTitle {
+body.claro.ttrss_main #floatingTitle {
        background : #333;
        border-color : #666;
 }
 
-body#ttrssMain #floatingTitle a.title {
+body.claro.ttrss_main #floatingTitle a.title {
        color : #ccc;
 }
 
-body#ttrssMain .dijitMenu,
-body#ttrssMain .dijitMenuTable,
-body#ttrssMain .dijitMenu .dijitMenuItem td {
+body.claro.ttrss_main .dijitMenu,
+body.claro.ttrss_main .dijitMenuTable,
+body.claro.ttrss_main .dijitMenu .dijitMenuItem td {
        border-color : #666;
        background : #666;
 }
 
-body#ttrssMain .dijitMenu .dijitMenuItemSelected,
-body#ttrssMain .dijitMenu .dijitMenuItemSelected td {
+body.claro.ttrss_main .dijitMenu .dijitMenuItemSelected,
+body.claro.ttrss_main .dijitMenu .dijitMenuItemSelected td {
        background : black;
        color : white;
 }
 
-body#ttrssMain .hl {
+body.claro.ttrss_main .hl {
        border-color : #666;
 }
 
-body#ttrssMain .hl .hlTitle a {
+body.claro.ttrss_main .hl .hl-title a {
        color : #ccc;
 }
 
-body#ttrssMain .hl.Selected,
-body#ttrssMain .hl.active {
+body.claro.ttrss_main .hl.Selected,
+body.claro.ttrss_main .hl.active {
        background : #6280AD ! important;
 }
 
-body#ttrssMain .postHeader {
+body.claro.ttrss_main .post .header {
        background : #333;
        border-color : #666;
 }
 
+body.claro.ttrss_main .hl.Unread div.title a {
+    color: #bbb;
+}