diff --git a/cps/static/css/epub_themes.css b/cps/static/css/epub_themes.css index 16c27805..b9cbcedb 100644 --- a/cps/static/css/epub_themes.css +++ b/cps/static/css/epub_themes.css @@ -15,5 +15,5 @@ .blackTheme { background: #000; - color: #fff + color: #fff; } \ No newline at end of file diff --git a/cps/templates/read.html b/cps/templates/read.html index 1ca6a831..fa32a0ee 100644 --- a/cps/templates/read.html +++ b/cps/templates/read.html @@ -135,19 +135,23 @@ window.themes = { "darkTheme": { "bgColor": "#202124", - "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}" + "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}", + "title-color": "#fff" }, "lightTheme": { "bgColor": "white", - "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}" + "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}", + "title-color": "#4f4f4f" }, "sepiaTheme": { "bgColor": "#ece1ca", - "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}" + "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}", + "title-color": "#4f4f4f" }, "blackTheme": { "bgColor": "black", - "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}" + "css_path": "{{ url_for('static', filename='css/epub_themes.css') }}", + "title-color": "#fff" }, }; @@ -170,6 +174,7 @@ // Apply theme to rest of the page. document.getElementById("main").style.backgroundColor = themes[id]["bgColor"]; + document.getElementById("titlebar").style.color = themes[id]["title-color"] || "#fff"; } // font size settings logic