diff --git a/canaille/templates/home.html b/canaille/templates/home.html
index 2e654ea7..d2e57f4b 100644
--- a/canaille/templates/home.html
+++ b/canaille/templates/home.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% block content %}
diff --git a/canaille/templates/login.html b/canaille/templates/login.html
index 1f745128..b60f171a 100644
--- a/canaille/templates/login.html
+++ b/canaille/templates/login.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% import 'fomanticui.j2' as sui %}
{% block content %}
diff --git a/canaille/templates/password.html b/canaille/templates/password.html
index 51e4007f..02521981 100644
--- a/canaille/templates/password.html
+++ b/canaille/templates/password.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% import 'fomanticui.j2' as sui %}
{% block content %}
diff --git a/canaille/templates/profile.html b/canaille/templates/profile.html
index a3f8bf9e..3b815589 100644
--- a/canaille/templates/profile.html
+++ b/canaille/templates/profile.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% import 'fomanticui.j2' as sui %}
{% block script %}
diff --git a/canaille/templates/reset-password.html b/canaille/templates/reset-password.html
index f7625706..1c1101fa 100644
--- a/canaille/templates/reset-password.html
+++ b/canaille/templates/reset-password.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% import 'fomanticui.j2' as sui %}
{% block content %}
diff --git a/canaille/templates/users.html b/canaille/templates/users.html
index 3adb6888..4f7736c7 100644
--- a/canaille/templates/users.html
+++ b/canaille/templates/users.html
@@ -1,4 +1,4 @@
-{% extends 'base.html' %}
+{% extends theme('base.html') %}
{% block style %}
diff --git a/canaille/templates/base.html b/canaille/themes/default/base.html
similarity index 100%
rename from canaille/templates/base.html
rename to canaille/themes/default/base.html
diff --git a/demo/conf/canaille.toml b/demo/conf/canaille.toml
index 4bfdfb02..3180b564 100644
--- a/demo/conf/canaille.toml
+++ b/demo/conf/canaille.toml
@@ -17,6 +17,11 @@ LOGO = "/static/img/canaille-head.png"
# Your favicon. If unset the LOGO will be used.
FAVICON = "/static/img/canaille-c.png"
+# The name of a theme in the 'theme' directory, or an absolute path
+# to a theme. Defaults to 'default'. Theming is done with
+# https://github.com/tktech/flask-themer
+# THEME = "default"
+
# If unset, language is detected
# LANGUAGE = "en"
diff --git a/setup.cfg b/setup.cfg
index df9dda7b..16d6a0a9 100644
--- a/setup.cfg
+++ b/setup.cfg
@@ -30,6 +30,7 @@ install_requires =
email_validator
flask
flask-babel
+ flask-themer
flask-wtf
python-ldap
sentry-sdk[flask]
diff --git a/tests/fixtures/themes/test/base.html b/tests/fixtures/themes/test/base.html
new file mode 100644
index 00000000..497c43ab
--- /dev/null
+++ b/tests/fixtures/themes/test/base.html
@@ -0,0 +1,107 @@
+{% import 'flask.j2' as flask %}
+
+
+
+
+
+
+
+
+
{% block title %}{{ website_name|default("Canaille") }} {% trans %}authorization interface{% endtrans %}{% endblock %}
+
+
+
+
+ {% if logo_url %}
{% endif %}
+ {% block style %}{% endblock %}
+
+
+
+
+
+
+ {% block menu %}
+ {% if user and menu %}
+
+ {% endif %}
+ {% endblock %}
+
+
+
+ {{ flask.messages() }}
+ {% block content %}{% endblock %}
+
+
+
+
+
+
+
+ {% block script %}{% endblock %}
+
+ TEST_THEME
+
+
diff --git a/tests/test_configuration.py b/tests/test_configuration.py
index fc86753b..fa8a43a9 100644
--- a/tests/test_configuration.py
+++ b/tests/test_configuration.py
@@ -1,8 +1,11 @@
import ldap
import mock
+import os
import pytest
+from canaille import create_app
from canaille.commands import cli
from canaille.configuration import validate, ConfigurationException
+from flask_webtest import TestApp
def test_ldap_connection_no_remote(configuration):
@@ -104,3 +107,43 @@ def test_check_command_fail(testclient):
testclient.app.config["LDAP"]["URI"] = "ldap://invalid-ldap.com"
runner = testclient.app.test_cli_runner()
runner.invoke(cli, ["check"])
+
+
+@pytest.fixture
+def themed_testclient(app, configuration):
+ configuration["TESTING"] = True
+
+ root = os.path.dirname(os.path.abspath(__file__))
+ test_theme_path = os.path.join(root, "fixtures", "themes", "test")
+ configuration["THEME"] = test_theme_path
+
+ configuration["AUTHLIB_INSECURE_TRANSPORT"] = "true"
+ app = create_app(configuration)
+
+ return TestApp(app)
+
+
+def test_theme(testclient, themed_testclient):
+ res = testclient.get("/login")
+ assert "TEST_THEME" not in res
+
+ res = themed_testclient.get("/login")
+ assert "TEST_THEME" in res
+
+
+def test_invalid_theme(configuration):
+ validate(configuration, validate_remote=False)
+
+ with pytest.raises(
+ ConfigurationException,
+ match=r"Cannot find theme",
+ ):
+ configuration["THEME"] = "invalid"
+ validate(configuration, validate_remote=False)
+
+ with pytest.raises(
+ ConfigurationException,
+ match=r"Cannot find theme",
+ ):
+ configuration["THEME"] = "/path/to/invalid"
+ validate(configuration, validate_remote=False)