From 75e5316ba1c01d042d57cbcc3d21490e30a6a867 Mon Sep 17 00:00:00 2001 From: DC Date: Thu, 22 Sep 2016 16:59:02 -0700 Subject: [PATCH] Design: no gradients, nicer default colors Before, the gradient transparent black overlay made text hard to read in some cases. Torrents without a poster image showed up in blue-gray and didn't look good. --- src/renderer/pages/preferences-page.js | 3 +-- src/renderer/pages/torrent-list-page.js | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/renderer/pages/preferences-page.js b/src/renderer/pages/preferences-page.js index d6e0035a..57ae9670 100644 --- a/src/renderer/pages/preferences-page.js +++ b/src/renderer/pages/preferences-page.js @@ -68,8 +68,7 @@ class PreferencesPage extends React.Component { const description = this.props.state.unsaved.prefs.openExternalPlayer ? `Torrent media files will always play in ${playerName}.` - : `Torrent media files will play in ${playerName} if WebTorrent cannot ` + - 'play them.' + : `Torrent media files will play in ${playerName} if WebTorrent cannot play them.` return ( diff --git a/src/renderer/pages/torrent-list-page.js b/src/renderer/pages/torrent-list-page.js index 2cb86ea4..a3468b1c 100644 --- a/src/renderer/pages/torrent-list-page.js +++ b/src/renderer/pages/torrent-list-page.js @@ -48,7 +48,7 @@ module.exports = class TorrentList extends React.Component { // Background image: show some nice visuals, like a frame from the movie, if possible const style = {} if (torrentSummary.posterFileName) { - const gradient = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)' + const gradient = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%)' const posterPath = TorrentSummary.getPosterPath(torrentSummary) style.backgroundImage = `${gradient}, url('${posterPath}')` }