Metastem/wikiless
1
0
Fork 0
mirror of https://github.com/Metastem/wikiless synced 2024-12-06 19:16:58 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix the stylesheets if the user has chosen a theme via preferences

Browse Source
This commit is contained in:
orenom
2021-12-13 00:07:28 +01:00
parent 7cd0cc907e
commit 988e7cf1dc
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/utils.js
+15 -11
View File
@@ -72,10 +72,20 @@ module.exports = function(redis) {
* cookie specific modifications to it yet. Let's do it.
*/
// add dark style theme file if needed
if(user_preferences.theme == 'dark') {
data = data.replace('</head>', `<link rel="stylesheet" href="/wikipedia_styles_dark.css"></head>`)
if(user_preferences.theme === 'white') {
// if the user has chosen the white theme from the preferences
data = data.replace('</head>', `<link rel="stylesheet" href="/wikipedia_styles_light.css"></head>`)
}
if(user_preferences.theme === 'dark') {
// if the user has chosen the dark theme from the preferences
data = data.replace('</head>', `<link rel="stylesheet" href="/wikipedia_styles_light.css">
<link rel="stylesheet" href="/wikipedia_styles_dark.css"></head>`)
}
if(user_preferences.theme !== 'dark' && user_preferences.theme !== 'white') {
// default, auto theme
data = data.replace('</head>', `<link rel="stylesheet" href="/styles.css"></head>`)
}
return data
}
@@ -89,13 +99,6 @@ module.exports = function(redis) {
data.html = parser.parse(data.html)
// insert wikiless styles
let head = data.html.querySelector('head')
if(head) {
let head_html = `<link rel="stylesheet" href="/styles.css">`
head.insertAdjacentHTML('beforeend', head_html)
}
// replace default wikipedia top right nav bar links
let nav = data.html.querySelector('nav#p-personal .vector-menu-content-list')
if(nav) {
@@ -490,7 +493,8 @@ module.exports = function(redis) {
</div>
<div class="option">
<select id="theme" name="theme">
<option value="" ${(!user_preferences.theme || user_preferences.theme == '' ? 'selected' : '')}>White</option>
<option value="" ${(!user_preferences.theme ? 'selected' : '')}>Auto</option>
<option value="white" ${(user_preferences.theme == 'white' ? 'selected' : '')}>White</option>
<option value="dark" ${(user_preferences.theme == 'dark' ? 'selected' : '')}>Dark (experimental)</option>
</select>
</div>