public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 17:35:56 +00:00
Code Issues Releases Wiki Activity

night.css: update row themes to fit together a bit better + make

Browse Source 
unread row stand out more
This commit is contained in:
Andrew Dolgov
2018-12-07 12:36:36 +03:00
parent eae2f5361e
commit e5dfc20939
3 changed files with 70 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
themes/night.css
View File

@@ -1921,7 +1921,7 @@ body.flat.ttrss_main #overlay {
body.flat.ttrss_main #toolbar-frame #toolbar { body.flat.ttrss_main #toolbar-frame #toolbar {
background: #222222; background: #222222;
border-color: #222222; border-color: #222222;
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main #feeds-holder { body.flat.ttrss_main #feeds-holder {
background: #222222; background: #222222;
@@ -1935,7 +1935,7 @@ body.flat.ttrss_main #feeds-holder #feedTree .counterNode.aux {
body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected { body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected {
background: #333333; background: #333333;
border-color: #333333 transparent; border-color: #333333 transparent;
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel { body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel {
text-shadow: none; text-shadow: none;
@@ -1945,21 +1945,38 @@ body.flat.ttrss_main #floatingTitle {
border-color: #222222; border-color: #222222;
} }
body.flat.ttrss_main #floatingTitle .feed a { body.flat.ttrss_main #floatingTitle .feed a {
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main #floatingTitle i.material-icons { body.flat.ttrss_main #floatingTitle i.material-icons {
opacity: 0.7; opacity: 0.7;
} }
body.flat.ttrss_main div#floatingTitle.Unread a.title { body.flat.ttrss_main div#floatingTitle.Unread a.title {
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main #headlines-frame .whiteBox { body.flat.ttrss_main #headlines-frame .whiteBox {
border-color: #222222; border-color: #222222;
} }
body.flat.ttrss_main #headlines-frame .hl:not(.active):not(.Selected), body.flat.ttrss_main #headlines-frame .hl:not(.active):not(.Selected):not(.Unread),
body.flat.ttrss_main #headlines-frame .cdm:not(.Selected) { body.flat.ttrss_main #headlines-frame .cdm.expandable:not(.active):not(.Selected):not(.Unread) {
background: #333333; background: #333333;
} }
body.flat.ttrss_main #headlines-frame .hl.Unread:not(.active):not(.Selected),
body.flat.ttrss_main #headlines-frame .cdm.expandable.Unread:not(.active):not(.Selected) {
background: #222222;
}
body.flat.ttrss_main #headlines-frame .cdm.expanded {
background: #333333;
}
body.flat.ttrss_main #headlines-frame .hl.Unread .title,
body.flat.ttrss_main #headlines-frame .cdm.Unread .title {
color: #e6e6e6;
}
body.flat.ttrss_main #headlines-frame .cdm.expanded.active .title {
color: #257aa7;
}
body.flat.ttrss_main #headlines-frame .cdm.expandable.active {
background: #222222 ! important;
}
body.flat.ttrss_main #headlines-frame .hl, body.flat.ttrss_main #headlines-frame .hl,
body.flat.ttrss_main #headlines-frame .cdm { body.flat.ttrss_main #headlines-frame .cdm {
border-color: #222222; border-color: #222222;
@@ -1967,31 +1984,30 @@ body.flat.ttrss_main #headlines-frame .cdm {
} }
body.flat.ttrss_main #headlines-frame .hl .title, body.flat.ttrss_main #headlines-frame .hl .title,
body.flat.ttrss_main #headlines-frame .cdm .title { body.flat.ttrss_main #headlines-frame .cdm .title {
color: #808080;
}
body.flat.ttrss_main #headlines-frame .hl .feed a,
body.flat.ttrss_main #headlines-frame .cdm .feed a {
color: #cccccc; color: #cccccc;
} }
body.flat.ttrss_main #headlines-frame .hl .author,
body.flat.ttrss_main #headlines-frame .cdm .author {
color: #999999;
}
body.flat.ttrss_main #headlines-frame .hl .updated,
body.flat.ttrss_main #headlines-frame .cdm .updated,
body.flat.ttrss_main #headlines-frame .hl .content, body.flat.ttrss_main #headlines-frame .hl .content,
body.flat.ttrss_main #headlines-frame .cdm .content { body.flat.ttrss_main #headlines-frame .cdm .content {
color: #cccccc; color: #cccccc;
} }
body.flat.ttrss_main #headlines-frame .hl .feed a,
body.flat.ttrss_main #headlines-frame .cdm .feed a {
color: #e6e6e6;
}
body.flat.ttrss_main #headlines-frame .cdm .footer { body.flat.ttrss_main #headlines-frame .cdm .footer {
border-color: #222222; border-color: #222222;
color: #cccccc; color: #cccccc;
} }
body.flat.ttrss_main #headlines-frame .hl.Unread .title,
body.flat.ttrss_main #headlines-frame .cdm.Unread .title {
color: #cccccc;
}
body.flat.ttrss_main #headlines-frame i.material-icons, body.flat.ttrss_main #headlines-frame i.material-icons,
body.flat.ttrss_main #headlines-frame .dijitCheckBox { body.flat.ttrss_main #headlines-frame .dijitCheckBox {
opacity: 0.7; opacity: 0.7;
} }
body.flat.ttrss_main #headlines-frame .cdm.expandable.active {
background: #262626 ! important;
}
body.flat.ttrss_main #content-insert .post .header { body.flat.ttrss_main #content-insert .post .header {
background: #222222; background: #222222;
border-color: #222222; border-color: #222222;
@@ -2012,10 +2028,10 @@ body.flat.ttrss_main .dijitTab:not(.dijitTabChecked) {
background: #222222; background: #222222;
} }
body.flat.ttrss_main .dijitTab.dijitTabChecked.dijitTabHover { body.flat.ttrss_main .dijitTab.dijitTabChecked.dijitTabHover {
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main textarea { body.flat.ttrss_main textarea {
color: #cccccc; color: #e6e6e6;
} }
body.flat.ttrss_main code { body.flat.ttrss_main code {
color: #c90 ! important; color: #c90 ! important;

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

51
themes/night.less
View File

@@ -7,7 +7,7 @@
@bg-panel : #222; @bg-panel : #222;
@fg-main: #ccc; @fg-main: #ccc;
@fg-insensitive: darken(@fg-main, 20%); @fg-insensitive: darken(@fg-main, 20%);
@fg-light : #ccc; @fg-light : lighten(@fg-main, 10%);
@bg-active: #2a89bc; @bg-active: #2a89bc;
body.flat.ttrss_main.ttrss_prefs { body.flat.ttrss_main.ttrss_prefs {
@@ -84,26 +84,52 @@ body.flat.ttrss_main {
border-color : @border-dark; border-color : @border-dark;
} }
.hl:not(.active):not(.Selected), .hl:not(.active):not(.Selected):not(.Unread),
.cdm:not(.Selected) { .cdm.expandable:not(.active):not(.Selected):not(.Unread) {
background : @bg-main;
}
.hl.Unread:not(.active):not(.Selected),
.cdm.expandable.Unread:not(.active):not(.Selected) {
background : @bg-panel;
}
.cdm.expanded {
background: @bg-main; background: @bg-main;
} }
.hl.Unread .title,
.cdm.Unread .title {
color : @fg-light;
}
.cdm.expanded.active .title {
color : @color-accent;
}
.cdm.expandable.active {
background : @bg-panel ! important;
}
.hl, .cdm { .hl, .cdm {
border-color : @border-dark; border-color : @border-dark;
color : @fg-main; color : @fg-main;
.title { .title {
color : darken(@fg-main, 30%); color : @fg-main;
}
.author {
color : @fg-insensitive;
}
.updated, .content {
color : @fg-main;
} }
.feed a { .feed a {
color : @fg-light; color : @fg-light;
} }
.content {
color : @fg-main;
}
} }
.cdm .footer { .cdm .footer {
@@ -111,20 +137,11 @@ body.flat.ttrss_main {
color : @fg-main; color : @fg-main;
} }
.hl.Unread .title,
.cdm.Unread .title {
color : @fg-light;
}
i.material-icons, i.material-icons,
.dijitCheckBox { .dijitCheckBox {
opacity : 0.7; opacity : 0.7;
} }
.cdm.expandable.active {
background : darken(@bg-main, 5%) ! important;
}
} }
#content-insert { #content-insert {