diff --git a/webclient/src/App.js b/webclient/src/App.js index f5a5341..5ee1bb5 100644 --- a/webclient/src/App.js +++ b/webclient/src/App.js @@ -35,6 +35,8 @@ class App extends React.Component {

QNN - Home Theme: this.light()}>Light - this.dark()}>Dark +
+ Reddit, Hacker News, and Tildes combined, then pre-rendered in reader mode.

diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js index afb69c1..776a13d 100644 --- a/webclient/src/Feed.js +++ b/webclient/src/Feed.js @@ -1,6 +1,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; import { sourceLink, infoLine } from './utils.js'; +import { clearStorage } from './utils.js'; const apiUrl = 'http://news-api.dns.t0.vc/'; @@ -21,6 +22,7 @@ class Feed extends React.Component { .then( (result) => { this.setState({ stories: result.stories }); + clearStorage(); localStorage.setItem('stories', JSON.stringify(result.stories)); result.stories.slice(0, 25).forEach(x => { fetch(apiUrl + x.id) diff --git a/webclient/src/Style-dark.css b/webclient/src/Style-dark.css index 60a3d49..9ebddce 100644 --- a/webclient/src/Style-dark.css +++ b/webclient/src/Style-dark.css @@ -26,7 +26,7 @@ } .dark .item .info a.hot { - color: #CCCCCC; + color: #cccccc; } .dark .article a { diff --git a/webclient/src/Style-light.css b/webclient/src/Style-light.css index dfee5a4..aaf7cf6 100644 --- a/webclient/src/Style-light.css +++ b/webclient/src/Style-light.css @@ -20,6 +20,10 @@ a { padding: 0 1rem; } +.slogan { + color: #828282; +} + .theme { float: right; } diff --git a/webclient/src/utils.js b/webclient/src/utils.js index 5fa59fc..08327e5 100644 --- a/webclient/src/utils.js +++ b/webclient/src/utils.js @@ -20,3 +20,9 @@ export const infoLine = (story) => ; + +export const clearStorage = () => { + const themeSetting = localStorage.getItem('theme'); + localStorage.clear(); + localStorage.setItem('theme', themeSetting); +};