valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

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
Show Stats 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 {
background: #222222;
border-color: #222222;
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main #feeds-holder {
background: #222222;
@ -1935,7 +1935,7 @@ body.flat.ttrss_main #feeds-holder #feedTree .counterNode.aux {
body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected {
background: #333333;
border-color: #333333 transparent;
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel {
text-shadow: none;
@ -1945,21 +1945,38 @@ body.flat.ttrss_main #floatingTitle {
border-color: #222222;
}
body.flat.ttrss_main #floatingTitle .feed a {
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main #floatingTitle i.material-icons {
opacity: 0.7;
}
body.flat.ttrss_main div#floatingTitle.Unread a.title {
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main #headlines-frame .whiteBox {
border-color: #222222;
}
body.flat.ttrss_main #headlines-frame .hl:not(.active):not(.Selected),
body.flat.ttrss_main #headlines-frame .cdm:not(.Selected) {
body.flat.ttrss_main #headlines-frame .hl:not(.active):not(.Selected):not(.Unread),
body.flat.ttrss_main #headlines-frame .cdm.expandable:not(.active):not(.Selected):not(.Unread) {
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 .cdm {
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 .cdm .title {
color: #808080;
}
body.flat.ttrss_main #headlines-frame .hl .feed a,
body.flat.ttrss_main #headlines-frame .cdm .feed a {
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 .cdm .content {
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 {
border-color: #222222;
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 .dijitCheckBox {
opacity: 0.7;
}
body.flat.ttrss_main #headlines-frame .cdm.expandable.active {
background: #262626 ! important;
}
body.flat.ttrss_main #content-insert .post .header {
background: #222222;
border-color: #222222;
@ -2012,10 +2028,10 @@ body.flat.ttrss_main .dijitTab:not(.dijitTabChecked) {
background: #222222;
}
body.flat.ttrss_main .dijitTab.dijitTabChecked.dijitTabHover {
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main textarea {
color: #cccccc;
color: #e6e6e6;
}
body.flat.ttrss_main code {
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;
@fg-main: #ccc;
@fg-insensitive: darken(@fg-main, 20%);
@fg-light : #ccc;
@fg-light : lighten(@fg-main, 10%);
@bg-active: #2a89bc;
body.flat.ttrss_main.ttrss_prefs {
@ -84,26 +84,52 @@ body.flat.ttrss_main {
border-color : @border-dark;
}
.hl:not(.active):not(.Selected),
.cdm:not(.Selected) {
.hl:not(.active):not(.Selected):not(.Unread),
.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;
}
.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 {
border-color : @border-dark;
color : @fg-main;
.title {
color : darken(@fg-main, 30%);
color : @fg-main;
}
.author {
color : @fg-insensitive;
}
.updated, .content {
color : @fg-main;
}
.feed a {
color : @fg-light;
}
.content {
color : @fg-main;
}
}
.cdm .footer {
@ -111,20 +137,11 @@ body.flat.ttrss_main {
color : @fg-main;
}
.hl.Unread .title,
.cdm.Unread .title {
color : @fg-light;
}
i.material-icons,
.dijitCheckBox {
opacity : 0.7;
}
.cdm.expandable.active {
background : darken(@bg-main, 5%) ! important;
}
}
#content-insert {