Add multiple/themed CSS

blog.py

@@ -10,11 +10,13 @@ import os
 from datetime import datetime
 
 from content import replaceEmojiFromTags
-from webapp_utils import htmlHeaderWithExternalStyle
+from webapp_utils import getIconsWebPath
+from webapp_utils import htmlHeaderWithExternalStyle, htmlHeaderWithExternalStyles
 from webapp_utils import htmlFooter
 from webapp_utils import getPostAttachmentsAsHtml
 from webapp_media import addEmbeddedElements
 from utils import getFullDomain
+from utils import getConfigParam
 from utils import getMediaFormats
 from utils import getNicknameFromActor
 from utils import getDomainFromActor
@@ -383,10 +385,25 @@ def htmlBlogPost(authorized: bool,
     """
     blogStr = ''
 
-    cssFilename = baseDir + '/epicyon-blog.css'
+    cssFiles = []
+
+    # the css filename
+    cssFiles.append(baseDir + '/epicyon-blog.css')
     if os.path.isfile(baseDir + '/blog.css'):
-        cssFilename = baseDir + '/blog.css'
+        cssFiles[0] = baseDir + '/blog.css'
-    blogStr = htmlHeaderWithExternalStyle(cssFilename)
+
+    # TODO: Clean up and remove this override
+    cssFiles[0] = 'base.css'
+
+    # Get theme-specific css if exists - must be named '<theme-name>.css'
+    themeName = getConfigParam(baseDir, 'theme')
+
+    themePath = f'{baseDir}/theme/{themeName}.css'
+    if os.path.isfile(themePath):
+        cssFiles.append('theme/' + themeName + '.css')
+
+    blogStr = htmlHeaderWithExternalStyles(cssFiles)
+
     _htmlBlogRemoveCwButton(blogStr, translate)
 
     blogStr += _htmlBlogPostContent(authorized, baseDir,

webapp_login.py

@@ -11,7 +11,7 @@ import time
 from shutil import copyfile
 from utils import getConfigParam
 from utils import noOfAccounts
-from webapp_utils import htmlHeaderWithExternalStyle
+from webapp_utils import htmlHeaderWithExternalStyles
 from webapp_utils import htmlFooter
 
 
@@ -95,9 +95,21 @@ def htmlLogin(cssCache: {}, translate: {},
         with open(baseDir + '/accounts/login.txt', 'r') as file:
             loginText = '<p class="login-text">' + file.read() + '</p>'
 
-    cssFilename = baseDir + '/epicyon-login.css'
+    cssFiles = []
+
+    cssFiles.append(baseDir + '/epicyon-login.css')
     if os.path.isfile(baseDir + '/login.css'):
-        cssFilename = baseDir + '/login.css'
+        cssFiles[0] = baseDir + '/login.css'
+
+    # TODO: Clean up and remove this override
+    cssFiles[0] = 'base.css'
+
+    # Get theme-specific css if exists - must be named '<theme-name>.css'
+    themeName = getConfigParam(baseDir, 'theme')
+
+    themePath = f'{baseDir}/theme/{themeName}.css'
+    if os.path.isfile(themePath):
+        cssFiles.append('theme/' + themeName + '.css')
 
     # show the register button
     registerButtonStr = ''
@@ -129,7 +141,7 @@ def htmlLogin(cssCache: {}, translate: {},
     if not autocomplete:
         autocompleteStr = 'autocomplete="off" value=""'
 
-    loginForm = htmlHeaderWithExternalStyle(cssFilename)
+    loginForm = htmlHeaderWithExternalStyles(cssFiles)
     loginForm += '<br>\n'
     loginForm += '<form method="POST" action="/login">\n'
     loginForm += '  <div class="imgcontainer">\n'