conference/settings.py

@@ -269,7 +269,7 @@ PIPELINE = {
             'output_filename': 'js/festival-finals.js',
         },
         'web-assets': {
-            'source_filenames': ('tutti/10_navbar.js',),
+            'source_filenames': ('tutti/10_navbar.js', 'tutti/20_theme.js',),
             'output_filename': 'js/web-assets.js',
             'extra_context': {'async': True, 'defer': True},
         },

conference_main/static/conference_main/styles/main.sass

@@ -2,6 +2,7 @@ $font-path: '/static/assets/fonts'
 
 // Import Web Assets.
 @import "../../../../assets_shared/src/styles/main.sass"
+@import "../../../../assets_shared/src/styles/_theme_system.sass"
 
 @import "_albums.sass"
 @import "_attendee.sass"

conference_main/templates/conference_main/_navbar.pug

@@ -37,6 +37,10 @@ nav.nav-global(role='navigation')
 				| {% endif %}
 				| {% endif %}
 
+				li
+					button.js-toggle-theme-btn
+						i.i-adjust.js-toggle-theme-btn-icon
+
 				| {% include "conference_main/_navbar_menu_user.pug" %}
 
 				li

conference_main/templates/conference_main/head.pug

@@ -1,7 +1,7 @@
 | {% load static %}
 | {% load pipeline %}
 !!! 5
-html(lang="en")
+html(data-theme="light", lang="en")
 	head
 		meta(charset='utf-8')
 		meta(name='viewport', content='width=device-width, initial-scale=1.0')