fix #34 and added dark and pink-lighter themes #11

myriad/__init__.py

@@ -32,4 +32,11 @@ def create_app(test_config=None):
     from . import blog
     app.register_blueprint(blog.bp)
 
+    @app.context_processor
+    def utility_processor():
+        def get_themes():
+            themes = os.listdir(app.config["THEMES_FOLDER"])
+            return themes
+        return dict(get_themes=get_themes)
+
     return app

myriad/static/themes/dark.css

@@ -0,0 +1,46 @@
+.dark{
+    background-color:#1B1F23;
+    border-color:#000000;
+    color:#D0D5DA;
+}
+.dark .bio{
+    color:#D0D5DA;
+}
+.dark .heading
+{
+    background-color:#292F35;
+    border-color:#000000;
+    color:#D0D5DA;
+}
+.dark .heading b
+{
+    color:#D0D5DA;
+}
+.dark a{
+    color: #D0D5DA;
+}
+.dark a:hover{  
+    color: #D0D5DA;
+}
+.dark ::selection {
+    background:#D0D5DA;
+    color: white;
+    text-shadow: none;
+}
+.dark ::-moz-selection {
+    background: #D0D5DA;
+    color: #EEE;
+    text-shadow: none;
+}
+.dark .icon{
+    border-color:black;
+}
+
+body.dark{
+    background: linear-gradient(90deg, #1B1F23 0%, #1B1F23 50%, #1B1F23 100%);
+    scrollbar-color:#292F35 #373b3e;
+}
+.dark .container{
+    background-color:#1B1F23;
+    border-color:black;
+}

myriad/static/themes/pink-lighter.css

@@ -0,0 +1,44 @@
+.pink-lighter{
+    background-color:#fddffa;
+    border-color:#f24ae1;
+    color:black;
+}
+.pink-lighter .heading
+{
+    background-color:#f9bffa;
+    border-color:#f24ae1;
+    color:#d85ac1;
+}
+.pink-lighter .heading b
+{
+    color:black;
+}
+.pink-lighter a{
+    color: #da14b6;
+    text-decoration:wavy;
+}
+.pink-lighter a:hover{
+    color: #980e88;
+}
+.pink-lighter ::selection {
+    background:#f878e9;
+    color: white;
+    text-shadow: none;
+}
+.pink-lighter ::-moz-selection {
+    background: #f878e9;
+    color: #EEE;
+    text-shadow: none;
+}
+.pink-lighter .icon{
+    border-color:#da14af;
+}
+
+body.pink-lighter{
+    background: linear-gradient(90deg, #f5c2ea 0%, #e89dfb 50%, #f6959c 100%);
+    scrollbar-color:#a414da #d991f4;
+}
+.pink-lighter .container{
+    background-color:#fac9f6;
+    border-color:#da14c6;
+}

myriad/templates/base.html

@@ -3,9 +3,10 @@
 <title>{% block title %}{% endblock %} - Myriad</title>
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 
-<link rel="stylesheet" href="{{ url_for('static', filename='themes/default.css') }}">
-<link rel="stylesheet" href="{{ url_for('static', filename='themes/purple.css') }}">
-<link rel="stylesheet" href="{{ url_for('static', filename='themes/pink.css') }}">
+{% set themes = get_themes() %}
+{% for theme in themes %}
+<link rel="stylesheet" href="{{ url_for('static', filename='themes/'+theme) }}">
+{% endfor %}
 
 
 <div id="main">