Fixed styling of footer in dark mode

4 years ago · d1f38cf924
parent 21012f5265
commit d1f38cf924
2 changed files with 6 additions and 4 deletions
--- a/app/routes.py
+++ b/app/routes.py
@ -61,9 +61,8 @@ def unknown_page(e):
@app.route('/', methods=['GET'])
@auth_required
 def index():
-    bg = '#000' if g.user_config.dark else '#fff'
    return render_template('index.html',
-                           bg=bg,
+                           dark_mode=g.user_config.dark,
                           ua=g.user_request.modified_user_agent,
                           languages=Config.LANGUAGES,
                           countries=Config.COUNTRIES,
--- a/app/templates/index.html
+++ b/app/templates/index.html
@ -25,7 +25,7 @@
        <link rel="stylesheet" href="/static/css/main.css">
 	<title>Whoogle Search</title>
    </head>
-    <body id="main" style="display: none; background-color: {{ bg }}">
+    <body id="main" style="display: none; background-color: {{ '#000' if dark_mode else '#fff' }}">
        <div class="search-container">
            <img class="logo" src="/static/img/logo.png">
            <form id="search-form" action="/search" method="{{ request_type }}">
@ -107,7 +107,10 @@
            </div>
        </div>
        <footer>
-            <p>Whoogle Search v{{ version_number }} || <a href="https://github.com/benbusby/whoogle-search">View on GitHub</a></p>
+            <p style="color: {{ '#fff' if dark_mode else '#000' }};">
+                Whoogle Search v{{ version_number }} ||
+                <a style="color: #685e79" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
+            </p>
        </footer>
    </body>
 </html>