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

night theme: dim images unless hovered over

This commit is contained in:
Andrew Dolgov 2021-01-27 21:32:00 +03:00
parent 64f7ac0e74
commit 927df33d49
4 changed files with 45 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
themes/compact_night.css
View File

@ -1892,23 +1892,6 @@ body.flat.ttrss_main.ttrss_prefs div.prefHelp {
body.flat.ttrss_main.ttrss_prefs hr { body.flat.ttrss_main.ttrss_prefs hr {
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main {
/*
.post .content img,
.cdm .content-inner img,
.post .content video,
.cdm .content-inner video {
transition : opacity 0.2s linear, filter 0.2s linear;
}
.post .content img:not(:hover),
.cdm .content-inner img:not(:hover),
.post .content video:not(:hover),
.cdm .content-inner video:not(:hover) {
opacity : 0.5;
filter: grayscale(80%);
} */
}
body.flat.ttrss_main img[src*='indicator_white.gif'] { body.flat.ttrss_main img[src*='indicator_white.gif'] {
filter: invert(1); filter: invert(1);
} }
@ -2089,6 +2072,18 @@ body.flat.ttrss_main ul#filterDlg_Actions {
background: #222; background: #222;
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main .post .content img,
body.flat.ttrss_main .cdm .content-inner img,
body.flat.ttrss_main .post .content video,
body.flat.ttrss_main .cdm .content-inner video {
transition: filter 0.25s linear;
}
body.flat.ttrss_main .post .content img:not(:hover),
body.flat.ttrss_main .cdm .content-inner img:not(:hover),
body.flat.ttrss_main .post .content video:not(:hover),
body.flat.ttrss_main .cdm .content-inner video:not(:hover) {
filter: saturate(0.9) brightness(0.8);
}
body.flat.ttrss_main .article-note { body.flat.ttrss_main .article-note {
background: #b87d2c; background: #b87d2c;
border-color: #b87d2c; border-color: #b87d2c;

29
themes/night.css
View File

@ -1893,23 +1893,6 @@ body.flat.ttrss_main.ttrss_prefs div.prefHelp {
body.flat.ttrss_main.ttrss_prefs hr { body.flat.ttrss_main.ttrss_prefs hr {
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main {
/*
.post .content img,
.cdm .content-inner img,
.post .content video,
.cdm .content-inner video {
transition : opacity 0.2s linear, filter 0.2s linear;
}
.post .content img:not(:hover),
.cdm .content-inner img:not(:hover),
.post .content video:not(:hover),
.cdm .content-inner video:not(:hover) {
opacity : 0.5;
filter: grayscale(80%);
} */
}
body.flat.ttrss_main img[src*='indicator_white.gif'] { body.flat.ttrss_main img[src*='indicator_white.gif'] {
filter: invert(1); filter: invert(1);
} }
@ -2090,6 +2073,18 @@ body.flat.ttrss_main ul#filterDlg_Actions {
background: #222; background: #222;
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main .post .content img,
body.flat.ttrss_main .cdm .content-inner img,
body.flat.ttrss_main .post .content video,
body.flat.ttrss_main .cdm .content-inner video {
transition: filter 0.25s linear;
}
body.flat.ttrss_main .post .content img:not(:hover),
body.flat.ttrss_main .cdm .content-inner img:not(:hover),
body.flat.ttrss_main .post .content video:not(:hover),
body.flat.ttrss_main .cdm .content-inner video:not(:hover) {
filter: saturate(0.9) brightness(0.8);
}
body.flat.ttrss_main .article-note { body.flat.ttrss_main .article-note {
background: #b87d2c; background: #b87d2c;
border-color: #b87d2c; border-color: #b87d2c;

21
themes/night_base.less
View File

@ -271,21 +271,16 @@ body.flat.ttrss_main {
border-color : @border-light; border-color : @border-light;
} }
/* .post .content,
.post .content img, .cdm .content-inner {
.cdm .content-inner img, img, video {
.post .content video, transition : filter 0.25s linear;
.cdm .content-inner video {
transition : opacity 0.2s linear, filter 0.2s linear;
} }
.post .content img:not(:hover), img:not(:hover), video:not(:hover) {
.cdm .content-inner img:not(:hover), filter: saturate(0.9) brightness(0.8);
.post .content video:not(:hover), }
.cdm .content-inner video:not(:hover) { }
opacity : 0.5;
filter: grayscale(80%);
} */
.article-note { .article-note {
background : @color-accent; background : @color-accent;

29
themes/night_blue.css
View File

@ -1893,23 +1893,6 @@ body.flat.ttrss_main.ttrss_prefs div.prefHelp {
body.flat.ttrss_main.ttrss_prefs hr { body.flat.ttrss_main.ttrss_prefs hr {
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main {
/*
.post .content img,
.cdm .content-inner img,
.post .content video,
.cdm .content-inner video {
transition : opacity 0.2s linear, filter 0.2s linear;
}
.post .content img:not(:hover),
.cdm .content-inner img:not(:hover),
.post .content video:not(:hover),
.cdm .content-inner video:not(:hover) {
opacity : 0.5;
filter: grayscale(80%);
} */
}
body.flat.ttrss_main img[src*='indicator_white.gif'] { body.flat.ttrss_main img[src*='indicator_white.gif'] {
filter: invert(1); filter: invert(1);
} }
@ -2090,6 +2073,18 @@ body.flat.ttrss_main ul#filterDlg_Actions {
background: #222; background: #222;
border-color: #666; border-color: #666;
} }
body.flat.ttrss_main .post .content img,
body.flat.ttrss_main .cdm .content-inner img,
body.flat.ttrss_main .post .content video,
body.flat.ttrss_main .cdm .content-inner video {
transition: filter 0.25s linear;
}
body.flat.ttrss_main .post .content img:not(:hover),
body.flat.ttrss_main .cdm .content-inner img:not(:hover),
body.flat.ttrss_main .post .content video:not(:hover),
body.flat.ttrss_main .cdm .content-inner video:not(:hover) {
filter: saturate(0.9) brightness(0.8);
}
body.flat.ttrss_main .article-note { body.flat.ttrss_main .article-note {
background: #257aa7; background: #257aa7;
border-color: #257aa7; border-color: #257aa7;