From 67a59e9e0b6431fea39717f308b26c636f52697a Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 21 Aug 2025 16:15:34 +0200
Subject: [PATCH 01/21] create theme service

---
 frontend/src/app/core/menu/menu.component.ts  |  4 ++-
 .../src/app/services/theme.service.spec.ts    | 16 +++++++++++
 frontend/src/app/services/theme.service.ts    | 27 +++++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/app/services/theme.service.spec.ts
 create mode 100644 frontend/src/app/services/theme.service.ts

diff --git a/frontend/src/app/core/menu/menu.component.ts b/frontend/src/app/core/menu/menu.component.ts
index 19c1059d9..bfa2bcaa8 100644
--- a/frontend/src/app/core/menu/menu.component.ts
+++ b/frontend/src/app/core/menu/menu.component.ts
@@ -6,6 +6,7 @@ import { environment } from '@environments/environment';
 import { AuthService } from '@services/auth.service';
 import { filter, map } from 'rxjs/operators';
 import { navIcons, userIcons } from '@shared/icons';
+import { ThemeService } from '@services/theme.service';
 
 @Component({
     selector: 'ia-menu',
@@ -34,7 +35,8 @@ export class MenuComponent implements OnDestroy, OnInit {
     constructor(
         private authService: AuthService,
         private router: Router,
-        private route: ActivatedRoute
+        private route: ActivatedRoute,
+        private themeService: ThemeService,
     ) {}
 
     ngOnDestroy() {
diff --git a/frontend/src/app/services/theme.service.spec.ts b/frontend/src/app/services/theme.service.spec.ts
new file mode 100644
index 000000000..102938f6f
--- /dev/null
+++ b/frontend/src/app/services/theme.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ThemeService } from './theme.service';
+
+describe('ThemeService', () => {
+    let service: ThemeService;
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({});
+        service = TestBed.inject(ThemeService);
+    });
+
+    it('should be created', () => {
+        expect(service).toBeTruthy();
+    });
+});
diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
new file mode 100644
index 000000000..45bfa1b3d
--- /dev/null
+++ b/frontend/src/app/services/theme.service.ts
@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, combineLatest, fromEvent, map, Observable, startWith } from 'rxjs';
+
+enum Theme {
+    DARK = 'dark',
+    LIGHT = 'light',
+}
+
+@Injectable({
+    providedIn: 'root'
+})
+export class ThemeService {
+    selection = new BehaviorSubject<Theme | null>(null);
+    systemTheme$: Observable<Theme>;
+    theme$: Observable<Theme>;
+
+    constructor() {
+        const query = window.matchMedia('(prefers-color-scheme: dark)');
+        this.systemTheme$ = fromEvent<MediaQueryListEvent>(query, 'change').pipe(
+            startWith(query),
+            map(list => list.matches ? Theme.DARK : Theme.LIGHT)
+        );
+        this.theme$ = combineLatest([this.selection, this.systemTheme$]).pipe(
+            map(([selection, system]) => selection || system)
+        );
+    }
+}

From ea8cf864137e48544ac3dc3acae254234e052ab0 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 21 Aug 2025 16:45:12 +0200
Subject: [PATCH 02/21] set theme

---
 frontend/src/app/services/theme.service.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 45bfa1b3d..1822a7ec9 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -14,7 +14,9 @@ export class ThemeService {
     systemTheme$: Observable<Theme>;
     theme$: Observable<Theme>;
 
-    constructor() {
+    constructor(
+
+    ) {
         const query = window.matchMedia('(prefers-color-scheme: dark)');
         this.systemTheme$ = fromEvent<MediaQueryListEvent>(query, 'change').pipe(
             startWith(query),
@@ -23,5 +25,11 @@ export class ThemeService {
         this.theme$ = combineLatest([this.selection, this.systemTheme$]).pipe(
             map(([selection, system]) => selection || system)
         );
+        this.theme$.subscribe((theme) => this.setTheme(theme));
+    }
+
+    setTheme(theme: Theme) {
+        const root = (document.getRootNode() as Document).documentElement;
+        root.setAttribute('data-theme', theme);
     }
 }

From b3132b2e9a046df516416a9a882b72130c00f42c Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 21 Aug 2025 16:52:54 +0200
Subject: [PATCH 03/21] switch logo based on theme

---
 .../src/app/core/footer/footer.component.html   |   7 ++++++-
 .../src/app/core/footer/footer.component.ts     |   7 +++++--
 .../UU-CDH_logo_EN_def_UU_CDH_logo_EN_white.png | Bin 0 -> 39789 bytes
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_white.png

diff --git a/frontend/src/app/core/footer/footer.component.html b/frontend/src/app/core/footer/footer.component.html
index eda42927f..ad1c9af2c 100644
--- a/frontend/src/app/core/footer/footer.component.html
+++ b/frontend/src/app/core/footer/footer.component.html
@@ -6,7 +6,12 @@
                     <strong>Textcavator is developed by </strong>
                 </p>
                 <a href="https://cdh.uu.nl/centre-for-digital-humanities/research-software-lab/" target="_blank">
-                    <img src="assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_yellowwhite.jpg" alt="Centre for Digital Humanities, Utrecht University" width="400">
+                    <img [src]="
+                        (theme$ | async) == 'dark' ?
+                        'assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_white.png' :
+                        'assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_yellowwhite.jpg'"
+                    alt="Centre for Digital Humanities, Utrecht University"
+                    width="400">
                 </a>
             </div>
         <div *ngIf="environment.logos?.length" class="column">
diff --git a/frontend/src/app/core/footer/footer.component.ts b/frontend/src/app/core/footer/footer.component.ts
index 6ba02f98a..62a426967 100644
--- a/frontend/src/app/core/footer/footer.component.ts
+++ b/frontend/src/app/core/footer/footer.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 import { environment } from '@environments/environment';
+import { ThemeService } from '@services/theme.service';
 
 @Component({
     selector: 'ia-footer',
@@ -10,7 +11,9 @@ import { environment } from '@environments/environment';
 })
 export class FooterComponent {
     environment = environment as any;
+    theme$ = this.themeService.theme$;
 
-    constructor() { }
-
+    constructor(
+        private themeService: ThemeService
+    ) { }
 }
diff --git a/frontend/src/assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_white.png b/frontend/src/assets/UU-CDH_logo_EN_def_UU_CDH_logo_EN_white.png
new file mode 100644
index 0000000000000000000000000000000000000000..a85b8a6717624dd4db44eb6eb63ea668224c8055
GIT binary patch
literal 39789
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

literal 0
HcmV?d00001


From 8f83dcbe029f554f78fb3dc1f57f9c6c6cc1d081 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 21 Aug 2025 17:16:01 +0200
Subject: [PATCH 04/21] set barchart theme

---
 frontend/src/app/services/theme.service.ts               | 2 +-
 .../src/app/visualization/barchart/barchart.directive.ts | 2 ++
 frontend/src/app/visualization/chartjs-utils.ts          | 9 +++++++++
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/app/visualization/chartjs-utils.ts

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 1822a7ec9..9d5fbe802 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, combineLatest, fromEvent, map, Observable, startWith } from 'rxjs';
 
-enum Theme {
+export enum Theme {
     DARK = 'dark',
     LIGHT = 'light',
 }
diff --git a/frontend/src/app/visualization/barchart/barchart.directive.ts b/frontend/src/app/visualization/barchart/barchart.directive.ts
index fe23a8ea0..9a0419d72 100644
--- a/frontend/src/app/visualization/barchart/barchart.directive.ts
+++ b/frontend/src/app/visualization/barchart/barchart.directive.ts
@@ -30,6 +30,7 @@ import { takeUntil } from 'rxjs/operators';
 import { DateHistogramResult, TermsResult } from '@models/aggregation';
 import { ComparedQueries } from '@models/compared-queries';
 import { RouterStoreService } from '@app/store/router-store.service';
+import { setThemefaults } from '../chartjs-utils';
 
 const hintSeenSessionStorageKey = 'hasSeenTimelineZoomingHint';
 const hintHidingMinDelay = 500;       // milliseconds
@@ -170,6 +171,7 @@ export abstract class BarchartDirective<
         chartDefault.elements.bar.hoverBackgroundColor = selectColor();
         chartDefault.plugins.tooltip.displayColors = false;
         chartDefault.plugins.tooltip.intersect = false;
+        setThemefaults(chartDefault);
         this.comparedQueries = new ComparedQueries(this.routerStoreService);
         this.comparedQueries.allQueries$.subscribe(this.updateQueries.bind(this));
     }
diff --git a/frontend/src/app/visualization/chartjs-utils.ts b/frontend/src/app/visualization/chartjs-utils.ts
new file mode 100644
index 000000000..8f6dd2992
--- /dev/null
+++ b/frontend/src/app/visualization/chartjs-utils.ts
@@ -0,0 +1,9 @@
+
+import { Defaults } from 'chart.js';
+
+export const setThemefaults = (defaults: Defaults) => {
+    const style = window.getComputedStyle(document.body);
+
+    defaults.color = style.getPropertyValue('--bulma-text-strong');
+    defaults.borderColor = style.getPropertyValue('--bulma-border');
+}

From d42985d958d9e58e36d2e34394cd780d1e93edca Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 27 Aug 2025 16:17:43 +0200
Subject: [PATCH 05/21] set defaults in ngram chart

---
 .../src/app/visualization/ngram/joyplot/joyplot.component.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts b/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
index 1e1dc7979..3bae60c23 100644
--- a/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
+++ b/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
@@ -3,6 +3,7 @@ import { Chart, ChartData, ChartOptions } from 'chart.js';
 import * as _ from 'lodash';
 import { NgramResults } from '@models';
 import { selectColor } from '@utils/select-color';
+import { setThemefaults } from 'app/visualization/chartjs-utils';
 
 @Component({
     selector: 'ia-joyplot',
@@ -28,7 +29,9 @@ export class JoyplotComponent implements OnChanges {
     chartOptions: ChartOptions;
     chart: Chart;
 
-    constructor() { }
+    constructor() {
+        setThemefaults(Chart.defaults);
+    }
 
     get multipleTimeIntervals(): boolean {
         return this.timeLabels && this.timeLabels.length > 1;

From a34dc4c8e862401cf0731cfb3dda51438464d371 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 27 Aug 2025 16:27:51 +0200
Subject: [PATCH 06/21] refresh similarity chart on theme change

---
 frontend/src/app/services/theme.service.ts       |  3 +++
 .../similarity-chart.component.ts                | 16 +++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 9d5fbe802..637be1d68 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -1,5 +1,7 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, combineLatest, fromEvent, map, Observable, startWith } from 'rxjs';
+import { setThemefaults } from 'app/visualization/chartjs-utils';
+import { Chart } from 'chart.js';
 
 export enum Theme {
     DARK = 'dark',
@@ -31,5 +33,6 @@ export class ThemeService {
     setTheme(theme: Theme) {
         const root = (document.getRootNode() as Document).documentElement;
         root.setAttribute('data-theme', theme);
+        setThemefaults(Chart.defaults);
     }
 }
diff --git a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
index a3ea815ab..eb01edd11 100644
--- a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
+++ b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
@@ -2,9 +2,11 @@ import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@
 import { Chart, ChartData, ChartOptions, ChartType, Filler, TooltipItem } from 'chart.js';
 import Zoom from 'chartjs-plugin-zoom';
 import * as _ from 'lodash';
-import { BehaviorSubject } from 'rxjs';
+import { BehaviorSubject, combineLatest, withLatestFrom } from 'rxjs';
 import { selectColor } from '@utils/select-color';
 import { FreqTableHeaders, WordSimilarity } from '@models';
+import { ThemeService } from '@services/theme.service';
+import { setThemefaults } from 'app/visualization/chartjs-utils';
 
 /**
  * Child component of the related words and compare similarity graphs.
@@ -39,10 +41,18 @@ export class SimilarityChartComponent implements OnInit, OnChanges, OnDestroy {
 
     currentTimeIndex = undefined;
 
-    constructor() {}
+    constructor(
+        private themeService: ThemeService,
+    ) {}
 
     ngOnInit(): void {
         this.graphStyle.subscribe(this.updateChart.bind(this));
+        this.themeService.theme$.pipe(
+            withLatestFrom(this.graphStyle),
+        ).subscribe(([theme, style]) => {
+            setThemefaults(Chart.defaults);
+            this.updateChart(style);
+        });
     }
 
     ngOnDestroy(): void {
@@ -202,7 +212,7 @@ export class SimilarityChartComponent implements OnInit, OnChanges, OnDestroy {
         const options: ChartOptions = {
             elements: {
                 line: {
-                    tension: 0, // disables bezier curves
+                    tension: 0, // dthis.chart.update();isables bezier curves
                 },
                 point: {
                     radius: 0, // hide points

From 709d7ec40d319ddf9b40d2ff51e3390e7de5e081 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 27 Aug 2025 17:21:36 +0200
Subject: [PATCH 07/21] set all chart.js themes from theme service

---
 frontend/src/app/services/theme.service.ts       | 16 ++++++++++++++--
 .../visualization/barchart/barchart.directive.ts |  2 --
 frontend/src/app/visualization/chartjs-utils.ts  |  9 ---------
 .../ngram/joyplot/joyplot.component.ts           |  5 +----
 .../similarity-chart.component.ts                | 14 ++------------
 5 files changed, 17 insertions(+), 29 deletions(-)
 delete mode 100644 frontend/src/app/visualization/chartjs-utils.ts

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 637be1d68..ad5ff48a3 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, combineLatest, fromEvent, map, Observable, startWith } from 'rxjs';
-import { setThemefaults } from 'app/visualization/chartjs-utils';
 import { Chart } from 'chart.js';
+import _ from 'lodash';
 
 export enum Theme {
     DARK = 'dark',
@@ -33,6 +33,18 @@ export class ThemeService {
     setTheme(theme: Theme) {
         const root = (document.getRootNode() as Document).documentElement;
         root.setAttribute('data-theme', theme);
-        setThemefaults(Chart.defaults);
+        this.setChartJSTheme();
+    }
+
+    setChartJSTheme() {
+        const style = window.getComputedStyle(document.body);
+        Chart.defaults.color = () => style.getPropertyValue('--bulma-text-strong');
+        Chart.defaults.borderColor = () => style.getPropertyValue('--bulma-border');
+
+        const active = _.values(Chart.instances);
+        for (let chart of active) {
+            chart.update();
+        }
+
     }
 }
diff --git a/frontend/src/app/visualization/barchart/barchart.directive.ts b/frontend/src/app/visualization/barchart/barchart.directive.ts
index 9a0419d72..fe23a8ea0 100644
--- a/frontend/src/app/visualization/barchart/barchart.directive.ts
+++ b/frontend/src/app/visualization/barchart/barchart.directive.ts
@@ -30,7 +30,6 @@ import { takeUntil } from 'rxjs/operators';
 import { DateHistogramResult, TermsResult } from '@models/aggregation';
 import { ComparedQueries } from '@models/compared-queries';
 import { RouterStoreService } from '@app/store/router-store.service';
-import { setThemefaults } from '../chartjs-utils';
 
 const hintSeenSessionStorageKey = 'hasSeenTimelineZoomingHint';
 const hintHidingMinDelay = 500;       // milliseconds
@@ -171,7 +170,6 @@ export abstract class BarchartDirective<
         chartDefault.elements.bar.hoverBackgroundColor = selectColor();
         chartDefault.plugins.tooltip.displayColors = false;
         chartDefault.plugins.tooltip.intersect = false;
-        setThemefaults(chartDefault);
         this.comparedQueries = new ComparedQueries(this.routerStoreService);
         this.comparedQueries.allQueries$.subscribe(this.updateQueries.bind(this));
     }
diff --git a/frontend/src/app/visualization/chartjs-utils.ts b/frontend/src/app/visualization/chartjs-utils.ts
deleted file mode 100644
index 8f6dd2992..000000000
--- a/frontend/src/app/visualization/chartjs-utils.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-
-import { Defaults } from 'chart.js';
-
-export const setThemefaults = (defaults: Defaults) => {
-    const style = window.getComputedStyle(document.body);
-
-    defaults.color = style.getPropertyValue('--bulma-text-strong');
-    defaults.borderColor = style.getPropertyValue('--bulma-border');
-}
diff --git a/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts b/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
index 3bae60c23..d9bbf419c 100644
--- a/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
+++ b/frontend/src/app/visualization/ngram/joyplot/joyplot.component.ts
@@ -3,7 +3,6 @@ import { Chart, ChartData, ChartOptions } from 'chart.js';
 import * as _ from 'lodash';
 import { NgramResults } from '@models';
 import { selectColor } from '@utils/select-color';
-import { setThemefaults } from 'app/visualization/chartjs-utils';
 
 @Component({
     selector: 'ia-joyplot',
@@ -29,9 +28,7 @@ export class JoyplotComponent implements OnChanges {
     chartOptions: ChartOptions;
     chart: Chart;
 
-    constructor() {
-        setThemefaults(Chart.defaults);
-    }
+    constructor() {}
 
     get multipleTimeIntervals(): boolean {
         return this.timeLabels && this.timeLabels.length > 1;
diff --git a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
index eb01edd11..1514ae62b 100644
--- a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
+++ b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
@@ -2,11 +2,9 @@ import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@
 import { Chart, ChartData, ChartOptions, ChartType, Filler, TooltipItem } from 'chart.js';
 import Zoom from 'chartjs-plugin-zoom';
 import * as _ from 'lodash';
-import { BehaviorSubject, combineLatest, withLatestFrom } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 import { selectColor } from '@utils/select-color';
 import { FreqTableHeaders, WordSimilarity } from '@models';
-import { ThemeService } from '@services/theme.service';
-import { setThemefaults } from 'app/visualization/chartjs-utils';
 
 /**
  * Child component of the related words and compare similarity graphs.
@@ -41,18 +39,10 @@ export class SimilarityChartComponent implements OnInit, OnChanges, OnDestroy {
 
     currentTimeIndex = undefined;
 
-    constructor(
-        private themeService: ThemeService,
-    ) {}
+    constructor() {}
 
     ngOnInit(): void {
         this.graphStyle.subscribe(this.updateChart.bind(this));
-        this.themeService.theme$.pipe(
-            withLatestFrom(this.graphStyle),
-        ).subscribe(([theme, style]) => {
-            setThemefaults(Chart.defaults);
-            this.updateChart(style);
-        });
     }
 
     ngOnDestroy(): void {

From 46f6dd835a33b6474e3536c5c4f14fbb21464e06 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 27 Aug 2025 18:16:50 +0200
Subject: [PATCH 08/21] adjust neighbor_network to theme

---
 backend/wordmodels/neighbor_network.py        | 18 +++++++++-------
 .../neighbor-network.component.html           |  2 ++
 .../neighbor-network.component.ts             | 21 ++++++++++++++++---
 3 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/backend/wordmodels/neighbor_network.py b/backend/wordmodels/neighbor_network.py
index 7ccbfae19..1f58d4cb3 100644
--- a/backend/wordmodels/neighbor_network.py
+++ b/backend/wordmodels/neighbor_network.py
@@ -95,7 +95,6 @@ def _graph_vega_doc(timeframes, nodes, links):
         "height": 500,
         "padding": 0,
         "autosize": "none",
-
         "signals": [
             { "name": "cx", "update": "width / 2" },
             { "name": "cy", "update": "height / 2" },
@@ -154,7 +153,14 @@ def _graph_vega_doc(timeframes, nodes, links):
                 "on": [
                     {"events": {"signal": "fix"}, "update": "fix && fix.length"}
                 ]
-            }
+            },
+            {
+                'name': 'theme',
+                'description': 'Current site theme (light/dark)',
+                'bind': {
+                    'element': '#current-theme',
+                }
+            },
         ],
 
         "data": [
@@ -181,13 +187,13 @@ def _graph_vega_doc(timeframes, nodes, links):
                 ]
             }
         ],
-
         "scales": [
             {
                 'name': 'link-color',
                 'type': 'linear',
                 'domain': {"data": "link-data", "field": "value"},
                 'range': {'scheme': 'greys'},
+                'reverse': { 'signal': 'theme === "dark"' },
             },
             {
                 'name': 'text-weight',
@@ -196,13 +202,11 @@ def _graph_vega_doc(timeframes, nodes, links):
                 'range': ['bold', 'normal'],
             }
         ],
-
         "marks": [
             {
                 "name": "nodes",
                 "type": "text",
                 "zindex": 1,
-
                 "from": {"data": "node-data"},
                 "on": [
                     {
@@ -218,7 +222,6 @@ def _graph_vega_doc(timeframes, nodes, links):
                 "encode": {
                     "enter": {
                         "fontSize": {"value": 15},
-                        "fill": {"value": "black"},
                         "text": {"field": "term"},
                         "baseline": {"value": "middle"},
                         "align": {"value": "center"},
@@ -227,7 +230,8 @@ def _graph_vega_doc(timeframes, nodes, links):
                         },
                     },
                     "update": {
-                        "cursor": {"value": "pointer"}
+                        "cursor": {"value": "pointer"},
+                        "fill": {'signal': 'theme === "dark" ? "white" : "black"'},
                     },
                 },
                 "transform": [
diff --git a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
index dd2e7e55e..751470c44 100644
--- a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
+++ b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
@@ -1,6 +1,8 @@
 <div class="block">
     <div #chart id="chart" [class.is-hidden]="asTable" [attr.aria-hidden]="asTable"></div>
 
+    <input #theme id="current-theme" hidden >
+
     <ia-freqtable [headers]="tableHeaders" [data]="data?.table"
         [class.is-hidden]="!asTable" [attr.aria-hidden]="!asTable" />
 </div>
diff --git a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
index 7aa5ae8c0..809e536d2 100644
--- a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
+++ b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
@@ -1,6 +1,7 @@
-import { Component, ElementRef, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
 import { Corpus, FreqTableHeaders } from '@models';
 import { WordmodelsService } from '@services';
+import { Theme, ThemeService } from '@services/theme.service';
 import { BehaviorSubject } from 'rxjs';
 import embed from 'vega-embed';
 
@@ -10,12 +11,13 @@ import embed from 'vega-embed';
     styleUrl: './neighbor-network.component.scss',
     standalone: false,
 })
-export class NeighborNetworkComponent implements OnChanges {
+export class NeighborNetworkComponent implements OnChanges, AfterViewInit {
     @Input({required: true}) corpus!: Corpus;
     @Input({required: true}) queryText!: string;
     @Input() asTable: boolean;
 
     @ViewChild('chart') chart!: ElementRef;
+    @ViewChild('theme') themeInput!: ElementRef;
 
     data: any;
 
@@ -36,12 +38,19 @@ export class NeighborNetworkComponent implements OnChanges {
             key: 'similarity',
             label: 'Similarity'
         }
-    ]
+    ];
 
     constructor(
         private wordModelsService: WordmodelsService,
+        private themeService: ThemeService,
     ) { }
 
+    ngAfterViewInit() {
+        this.themeService.theme$.subscribe(
+            theme => this.updateTheme(theme)
+        );
+    }
+
     ngOnChanges(changes: SimpleChanges): void {
         this.getData()
     }
@@ -73,4 +82,10 @@ export class NeighborNetworkComponent implements OnChanges {
             console.error(error);
         });
     }
+
+    updateTheme(theme: Theme) {
+        const el = this.themeInput.nativeElement as HTMLInputElement;
+        el.value = theme;
+        el.dispatchEvent(new Event('input'));
+    }
 }

From db94b14cabcbc7ebfc60013cd346c30f276d4a34 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 28 Aug 2025 11:20:53 +0200
Subject: [PATCH 09/21] outfactor theme indicator element to directive

---
 .../theme-indicator.directive.ts              | 37 +++++++++++++++++++
 .../app/visualization/visualization.module.ts |  3 ++
 .../neighbor-network.component.html           |  2 +-
 .../neighbor-network.component.ts             | 16 +-------
 4 files changed, 42 insertions(+), 16 deletions(-)
 create mode 100644 frontend/src/app/visualization/theme-indicator.directive.ts

diff --git a/frontend/src/app/visualization/theme-indicator.directive.ts b/frontend/src/app/visualization/theme-indicator.directive.ts
new file mode 100644
index 000000000..45342a26f
--- /dev/null
+++ b/frontend/src/app/visualization/theme-indicator.directive.ts
@@ -0,0 +1,37 @@
+import { DestroyRef, Directive, ElementRef, OnInit } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Theme, ThemeService } from '@services/theme.service';
+
+
+/**
+ * Lets the host element function as an indicator of the site theme (light/dark). The
+ * element will set the theme as its value and fire an input event when the theme
+ * changes.
+ *
+ * Can be used to let Vega visualisations observe the site theme. The element will be
+ * hidden from the user.
+ */
+@Directive({
+    selector: 'input[iaThemeIndicator]',
+    standalone: false,
+    host: { id: 'current-theme', hidden: '' }
+})
+export class ThemeIndicatorDirective implements OnInit {
+    constructor(
+        private themeService: ThemeService,
+        private el: ElementRef,
+        private destroyRef: DestroyRef,
+    ) {}
+
+    ngOnInit() {
+        this.themeService.theme$.pipe(
+            takeUntilDestroyed(this.destroyRef),
+        ).subscribe(theme => this.setTheme(theme));
+    }
+
+    setTheme(theme: Theme) {
+        const el = this.el.nativeElement as HTMLInputElement;
+        el.value = theme;
+        el.dispatchEvent(new Event('input'));
+    }
+}
diff --git a/frontend/src/app/visualization/visualization.module.ts b/frontend/src/app/visualization/visualization.module.ts
index 1c57a0697..79bc3b121 100644
--- a/frontend/src/app/visualization/visualization.module.ts
+++ b/frontend/src/app/visualization/visualization.module.ts
@@ -23,6 +23,7 @@ import { VisualizationFooterComponent } from './visualization-footer/visualizati
 import { VisualizationComponent } from './visualization.component';
 import { WordcloudComponent } from './wordcloud/wordcloud.component';
 import { MapComponent } from './map/map.component';
+import { ThemeIndicatorDirective } from './theme-indicator.directive';
 
 
 @NgModule({ declarations: [
@@ -39,12 +40,14 @@ import { MapComponent } from './map/map.component';
         VisualizationComponent,
         PaletteSelectComponent,
         MapComponent,
+        ThemeIndicatorDirective,
     ],
     exports: [
         TermComparisonEditorComponent,
         VisualizationFooterComponent,
         FreqtableComponent,
         VisualizationComponent,
+        ThemeIndicatorDirective
     ], imports: [
         AutoCompleteModule,
         ChartModule,
diff --git a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
index 751470c44..976591c0c 100644
--- a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
+++ b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.html
@@ -1,7 +1,7 @@
 <div class="block">
     <div #chart id="chart" [class.is-hidden]="asTable" [attr.aria-hidden]="asTable"></div>
 
-    <input #theme id="current-theme" hidden >
+    <input iaThemeIndicator >
 
     <ia-freqtable [headers]="tableHeaders" [data]="data?.table"
         [class.is-hidden]="!asTable" [attr.aria-hidden]="!asTable" />
diff --git a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
index 809e536d2..4636214b4 100644
--- a/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
+++ b/frontend/src/app/word-models/neighbor-network/neighbor-network.component.ts
@@ -11,13 +11,12 @@ import embed from 'vega-embed';
     styleUrl: './neighbor-network.component.scss',
     standalone: false,
 })
-export class NeighborNetworkComponent implements OnChanges, AfterViewInit {
+export class NeighborNetworkComponent implements OnChanges {
     @Input({required: true}) corpus!: Corpus;
     @Input({required: true}) queryText!: string;
     @Input() asTable: boolean;
 
     @ViewChild('chart') chart!: ElementRef;
-    @ViewChild('theme') themeInput!: ElementRef;
 
     data: any;
 
@@ -42,15 +41,8 @@ export class NeighborNetworkComponent implements OnChanges, AfterViewInit {
 
     constructor(
         private wordModelsService: WordmodelsService,
-        private themeService: ThemeService,
     ) { }
 
-    ngAfterViewInit() {
-        this.themeService.theme$.subscribe(
-            theme => this.updateTheme(theme)
-        );
-    }
-
     ngOnChanges(changes: SimpleChanges): void {
         this.getData()
     }
@@ -82,10 +74,4 @@ export class NeighborNetworkComponent implements OnChanges, AfterViewInit {
             console.error(error);
         });
     }
-
-    updateTheme(theme: Theme) {
-        const el = this.themeInput.nativeElement as HTMLInputElement;
-        el.value = theme;
-        el.dispatchEvent(new Event('input'));
-    }
 }

From 873c57724de2889ba05f087496c0a45e3871dc97 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 28 Aug 2025 11:52:14 +0200
Subject: [PATCH 10/21] add theme toggle button to menu

---
 .../src/app/core/menu/menu.component.html     |  6 ++++
 frontend/src/app/core/menu/menu.component.ts  | 30 +++++++++++++++++--
 frontend/src/app/shared/icons.ts              |  9 ++++++
 3 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/core/menu/menu.component.html b/frontend/src/app/core/menu/menu.component.html
index 6946e2b89..72091d858 100644
--- a/frontend/src/app/core/menu/menu.component.html
+++ b/frontend/src/app/core/menu/menu.component.html
@@ -58,6 +58,12 @@
                 </a>
             </div>
             <div class="navbar-end">
+                <button class="navbar-item" (click)="cycleTheme()"
+                    [attr.aria-label]="currentThemeOption.label">
+                    <span class="icon" aria-hidden="true">
+                        <fa-icon [icon]="currentThemeOption.icon" />
+                    </span>
+                </button>
                 <ia-menu-dropdown *ngIf="user$ | async as user; else notLoggedIn">
                     <div iaMenuDropdownLabel>
                         <span class="icon" aria-hidden="true">
diff --git a/frontend/src/app/core/menu/menu.component.ts b/frontend/src/app/core/menu/menu.component.ts
index bfa2bcaa8..71aceab15 100644
--- a/frontend/src/app/core/menu/menu.component.ts
+++ b/frontend/src/app/core/menu/menu.component.ts
@@ -5,8 +5,10 @@ import { User } from '@models/index';
 import { environment } from '@environments/environment';
 import { AuthService } from '@services/auth.service';
 import { filter, map } from 'rxjs/operators';
-import { navIcons, userIcons } from '@shared/icons';
-import { ThemeService } from '@services/theme.service';
+import { navIcons, themeIcons, userIcons } from '@shared/icons';
+import * as _ from 'lodash';
+import { Theme, ThemeService } from '@services/theme.service';
+import { modulo } from '@utils/utils';
 
 @Component({
     selector: 'ia-menu',
@@ -27,9 +29,16 @@ export class MenuComponent implements OnDestroy, OnInit {
         queryParams: Params;
     }>;
 
+    themeOptions = [
+        { label: 'system theme', icon: themeIcons.system, value: undefined },
+        { label: 'light theme', icon: themeIcons.light, value: Theme.LIGHT },
+        { label: 'dark theme', icon: themeIcons.dark, value: Theme.DARK },
+    ];
+
     navIcons = navIcons;
     userIcons = userIcons;
 
+
     private destroy$ = new Subject<void>();
 
     constructor(
@@ -39,6 +48,17 @@ export class MenuComponent implements OnDestroy, OnInit {
         private themeService: ThemeService,
     ) {}
 
+    get currentThemeOption() {
+        return this.themeOptions[this.currentThemeOptionIndex];
+    }
+
+    private get currentThemeOptionIndex(): number {
+        return this.themeOptions.findIndex(
+            option => option.value == this.themeService.selection.value
+        );
+    }
+
+
     ngOnDestroy() {
         this.destroy$.next(undefined);
     }
@@ -52,6 +72,12 @@ export class MenuComponent implements OnDestroy, OnInit {
         this.menuOpen$.next(!this.menuOpen$.value);
     }
 
+    cycleTheme() {
+        const currentIndex = this.currentThemeOptionIndex;
+        const nextIndex = modulo(currentIndex + 1, this.themeOptions.length);
+        this.themeService.selection.next(this.themeOptions[nextIndex].value);
+    }
+
     public async logout() {
         this.authService.logout(true).subscribe();
     }
diff --git a/frontend/src/app/shared/icons.ts b/frontend/src/app/shared/icons.ts
index 7ff5014a2..5897e4599 100644
--- a/frontend/src/app/shared/icons.ts
+++ b/frontend/src/app/shared/icons.ts
@@ -59,6 +59,9 @@ import {
     faArrowUp,
     faArrowDown,
     faRedo,
+    faCircleHalfStroke,
+    faMoon,
+    faSun,
 } from '@fortawesome/free-solid-svg-icons';
 
 type IconDefinition = SolidIconDefinition | RegularIconDefinition;
@@ -179,3 +182,9 @@ export const entityIcons: Icons = {
     organization: faBuilding,
     miscellaneous: faBookmark,
 }
+
+export const themeIcons: Icons = {
+    system: faCircleHalfStroke,
+    light: faSun,
+    dark: faMoon,
+}

From debab7dc2f3a05c7972c56e43bfa7056bd1d4b61 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 28 Aug 2025 12:03:29 +0200
Subject: [PATCH 11/21] outfactor theme button component

---
 frontend/src/app/app.module.ts                |  1 +
 frontend/src/app/core/core.module.ts          |  2 +
 .../src/app/core/menu/menu.component.html     |  7 +--
 frontend/src/app/core/menu/menu.component.ts  | 28 +-----------
 .../theme-button/theme-button.component.ts    | 45 +++++++++++++++++++
 5 files changed, 50 insertions(+), 33 deletions(-)
 create mode 100644 frontend/src/app/menu/theme-button/theme-button.component.ts

diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index 41ae577ef..8c9e97b63 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -51,6 +51,7 @@ import { MatomoConfig, matomoImports } from './routing/matomo';
 import { stylePreset } from './primeng-theme';
 import { CoreModule } from './core/core.module';
 
+
 export const appRoutes: Routes = [
     {
         path: 'search/:corpus',
diff --git a/frontend/src/app/core/core.module.ts b/frontend/src/app/core/core.module.ts
index febcc5101..c37e5cf96 100644
--- a/frontend/src/app/core/core.module.ts
+++ b/frontend/src/app/core/core.module.ts
@@ -8,6 +8,7 @@ import { FooterComponent } from './footer/footer.component';
 import { DialogComponent } from './dialog/dialog.component';
 import { CorpusSelectionModule } from '../corpus-selection/corpus-selection.module';
 import { AlertComponent } from './alert/alert.component';
+import { ThemeButtonComponent } from '@app/menu/theme-button/theme-button.component';
 
 
 /** toplevel components such as the home page and navbar */
@@ -20,6 +21,7 @@ import { AlertComponent } from './alert/alert.component';
         MenuDropdownComponent,
         NotificationsComponent,
         AlertComponent,
+        ThemeButtonComponent,
     ],
     imports: [SharedModule, CorpusSelectionModule],
     exports: [
diff --git a/frontend/src/app/core/menu/menu.component.html b/frontend/src/app/core/menu/menu.component.html
index 72091d858..a81c64a33 100644
--- a/frontend/src/app/core/menu/menu.component.html
+++ b/frontend/src/app/core/menu/menu.component.html
@@ -58,12 +58,7 @@
                 </a>
             </div>
             <div class="navbar-end">
-                <button class="navbar-item" (click)="cycleTheme()"
-                    [attr.aria-label]="currentThemeOption.label">
-                    <span class="icon" aria-hidden="true">
-                        <fa-icon [icon]="currentThemeOption.icon" />
-                    </span>
-                </button>
+                <button ia-theme-button class="navbar-item"></button>
                 <ia-menu-dropdown *ngIf="user$ | async as user; else notLoggedIn">
                     <div iaMenuDropdownLabel>
                         <span class="icon" aria-hidden="true">
diff --git a/frontend/src/app/core/menu/menu.component.ts b/frontend/src/app/core/menu/menu.component.ts
index 71aceab15..d1a34afcd 100644
--- a/frontend/src/app/core/menu/menu.component.ts
+++ b/frontend/src/app/core/menu/menu.component.ts
@@ -5,10 +5,8 @@ import { User } from '@models/index';
 import { environment } from '@environments/environment';
 import { AuthService } from '@services/auth.service';
 import { filter, map } from 'rxjs/operators';
-import { navIcons, themeIcons, userIcons } from '@shared/icons';
+import { navIcons, userIcons } from '@shared/icons';
 import * as _ from 'lodash';
-import { Theme, ThemeService } from '@services/theme.service';
-import { modulo } from '@utils/utils';
 
 @Component({
     selector: 'ia-menu',
@@ -29,12 +27,6 @@ export class MenuComponent implements OnDestroy, OnInit {
         queryParams: Params;
     }>;
 
-    themeOptions = [
-        { label: 'system theme', icon: themeIcons.system, value: undefined },
-        { label: 'light theme', icon: themeIcons.light, value: Theme.LIGHT },
-        { label: 'dark theme', icon: themeIcons.dark, value: Theme.DARK },
-    ];
-
     navIcons = navIcons;
     userIcons = userIcons;
 
@@ -45,20 +37,8 @@ export class MenuComponent implements OnDestroy, OnInit {
         private authService: AuthService,
         private router: Router,
         private route: ActivatedRoute,
-        private themeService: ThemeService,
     ) {}
 
-    get currentThemeOption() {
-        return this.themeOptions[this.currentThemeOptionIndex];
-    }
-
-    private get currentThemeOptionIndex(): number {
-        return this.themeOptions.findIndex(
-            option => option.value == this.themeService.selection.value
-        );
-    }
-
-
     ngOnDestroy() {
         this.destroy$.next(undefined);
     }
@@ -72,12 +52,6 @@ export class MenuComponent implements OnDestroy, OnInit {
         this.menuOpen$.next(!this.menuOpen$.value);
     }
 
-    cycleTheme() {
-        const currentIndex = this.currentThemeOptionIndex;
-        const nextIndex = modulo(currentIndex + 1, this.themeOptions.length);
-        this.themeService.selection.next(this.themeOptions[nextIndex].value);
-    }
-
     public async logout() {
         this.authService.logout(true).subscribe();
     }
diff --git a/frontend/src/app/menu/theme-button/theme-button.component.ts b/frontend/src/app/menu/theme-button/theme-button.component.ts
new file mode 100644
index 000000000..53b6976fa
--- /dev/null
+++ b/frontend/src/app/menu/theme-button/theme-button.component.ts
@@ -0,0 +1,45 @@
+import { Component, HostBinding, HostListener } from '@angular/core';
+import { Theme, ThemeService } from '@services/theme.service';
+import { themeIcons } from '@shared/icons';
+import { modulo } from '@utils/utils';
+
+@Component({
+    selector: 'button[ia-theme-button]',
+    template: `<span class="icon" aria-hidden="true">
+        <fa-icon [icon]="currentOption.icon" />
+    </span>`,
+    standalone: false,
+})
+export class ThemeButtonComponent {
+    options = [
+        { label: 'system theme', icon: themeIcons.system, value: undefined },
+        { label: 'light theme', icon: themeIcons.light, value: Theme.LIGHT },
+        { label: 'dark theme', icon: themeIcons.dark, value: Theme.DARK },
+    ];
+
+    constructor(
+        private themeService: ThemeService
+    ) {}
+
+    @HostBinding('attr.aria-label')
+    get ariaLabel() {
+        return this.currentOption.label;
+    }
+
+    get currentOption() {
+        return this.options[this.currentIndex];
+    }
+
+    private get currentIndex(): number {
+        return this.options.findIndex(
+            option => option.value == this.themeService.selection.value
+        );
+    }
+
+    @HostListener('click')
+    cycle() {
+        const nextIndex = modulo(this.currentIndex + 1, this.options.length);
+        this.themeService.selection.next(this.options[nextIndex].value);
+    }
+
+}

From e2c3c3acd47cd14684eb5c1c0e303f88c36099da Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Tue, 23 Sep 2025 14:59:02 +0200
Subject: [PATCH 12/21] update map colours with site theme

---
 .../app/visualization/map/map.component.html  |  3 ++
 .../app/visualization/map/map.component.ts    | 28 +++++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/visualization/map/map.component.html b/frontend/src/app/visualization/map/map.component.html
index 894ccc28e..5cc345052 100644
--- a/frontend/src/app/visualization/map/map.component.html
+++ b/frontend/src/app/visualization/map/map.component.html
@@ -1,3 +1,6 @@
 <div class="map-container">
     <div #vegaMap></div>
 </div>
+
+<input iaThemeIndicator >
+
diff --git a/frontend/src/app/visualization/map/map.component.ts b/frontend/src/app/visualization/map/map.component.ts
index d7e04f41f..b09e23e36 100644
--- a/frontend/src/app/visualization/map/map.component.ts
+++ b/frontend/src/app/visualization/map/map.component.ts
@@ -1,3 +1,4 @@
+/* eslint-disable quotes */
 import { Component, ElementRef, EventEmitter, Input, Output, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import embed, { VisualizationSpec } from 'vega-embed';
@@ -29,6 +30,17 @@ export class MapComponent implements OnChanges {
 
     isLoading$ = new BehaviorSubject<boolean>(false);
 
+    mapColors = {
+        landStroke: {
+            light: '#BDAE8A',
+            dark: '#6c5a46',
+        },
+        landFill: {
+            light: '#E5D3B3',
+            dark: '#4d3e2e',
+        },
+    };
+
     private mapDataResults: MapDataResults;
 
     constructor(
@@ -151,7 +163,14 @@ export class MapComponent implements OnChanges {
                         "events": { "signal": "delta" },
                         "update": "clamp(angles[1] + delta[1], -60, 60)"
                     }]
-                }
+                },
+                {
+                    'name': 'theme',
+                    'description': 'Current site theme (light/dark)',
+                    'bind': {
+                        'element': '#current-theme',
+                    }
+                },
             ],
 
             "projections": [
@@ -189,8 +208,10 @@ export class MapComponent implements OnChanges {
                     "encode": {
                         "enter": {
                             "strokeWidth": { "value": 0.75 },
-                            "fill": { "value": "#E5D3B3" },
-                            "stroke": { "value": "#BDAE8A" },
+                        },
+                        "update": {
+                            "fill": {'signal': `theme === "dark" ? "${this.mapColors.landFill.dark}" : "${this.mapColors.landFill.light}"`},
+                            "stroke": {'signal': `theme === "dark" ? "${this.mapColors.landStroke.dark}" : "${this.mapColors.landStroke.light}"`},
                         }
                     },
                     "transform": [
@@ -222,6 +243,7 @@ export class MapComponent implements OnChanges {
     }
 
 
+
     async renderChart(): Promise<void> {
         const spec = this.getVegaSpec();
         const aspectRatio = 2 / 3;

From d8eaa8c84e9246cd437ff337cb785f6a51ca616e Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 22 Oct 2025 17:56:03 +0200
Subject: [PATCH 13/21] store theme in local storage

---
 .../app/menu/theme-button/theme-button.component.ts |  2 +-
 frontend/src/app/services/theme.service.ts          | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/menu/theme-button/theme-button.component.ts b/frontend/src/app/menu/theme-button/theme-button.component.ts
index 53b6976fa..42033d496 100644
--- a/frontend/src/app/menu/theme-button/theme-button.component.ts
+++ b/frontend/src/app/menu/theme-button/theme-button.component.ts
@@ -23,7 +23,7 @@ export class ThemeButtonComponent {
 
     @HostBinding('attr.aria-label')
     get ariaLabel() {
-        return this.currentOption.label;
+        return this.currentOption?.label;
     }
 
     get currentOption() {
diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index ad5ff48a3..56c311796 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -19,6 +19,7 @@ export class ThemeService {
     constructor(
 
     ) {
+        this.selection.next(this.readStoredTheme());
         const query = window.matchMedia('(prefers-color-scheme: dark)');
         this.systemTheme$ = fromEvent<MediaQueryListEvent>(query, 'change').pipe(
             startWith(query),
@@ -27,6 +28,7 @@ export class ThemeService {
         this.theme$ = combineLatest([this.selection, this.systemTheme$]).pipe(
             map(([selection, system]) => selection || system)
         );
+        this.selection.subscribe((theme) => this.writeStoredTheme(theme));
         this.theme$.subscribe((theme) => this.setTheme(theme));
     }
 
@@ -45,6 +47,17 @@ export class ThemeService {
         for (let chart of active) {
             chart.update();
         }
+    }
+
+    private readStoredTheme(): Theme | null {
+        return (localStorage.getItem('theme') as Theme) || null;
+    }
 
+    private writeStoredTheme(theme: Theme | null): void {
+        if (theme) {
+            localStorage.setItem('theme', theme);
+        } else {
+            localStorage.removeItem('theme');
+        }
     }
 }

From 2acd51ab43a12600987f4cb4854c62ed4de9feb7 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Fri, 14 Nov 2025 14:25:43 +0100
Subject: [PATCH 14/21] add styling docs + docstrings

---
 documentation/Styling.md                   | 67 ++++++++++++++++++++++
 frontend/src/app/services/theme.service.ts |  9 ++-
 2 files changed, 75 insertions(+), 1 deletion(-)
 create mode 100644 documentation/Styling.md

diff --git a/documentation/Styling.md b/documentation/Styling.md
new file mode 100644
index 000000000..50fe4dcea
--- /dev/null
+++ b/documentation/Styling.md
@@ -0,0 +1,67 @@
+# Styling
+
+This document covers CSS styling for the frontend.
+
+Textcavator uses the CSS framework [bulma](https://bulma.io/documentation/).
+
+Initial and derived variables from bulma are customised in [_utilities.css](/frontend/src/_utilities.scss). This file only defines variables and mixins and can be imported in component stylesheets. [styles.csss](/frontend/src/styles.scss) includes site-wide selectors.
+
+## Dark mode
+
+Dark mode is managed by the [ThemeService](/frontend/src/app/services/theme.service.ts).
+
+The service sets `data-theme="dark"` / `data-theme="light"` on the HTML root node, which is used by CSS selectors. If you need to observe the theme in a component, you can also use `ThemeService.theme$`.
+
+## Other libraries
+
+Several other libraries are used to provide components, visualisations, etc. These are often customised to fit the site theme and/or adapt to dark mode.
+
+## PrimeNG components
+
+We use several components from [primeNG](https://v19.primeng.org/). [primeng-theme.ts](/frontend/src/app/primeng-theme.ts) defines the preset to customise primeNG styles, mostly using bulma CSS variables.
+
+## Chart.js
+
+[select-color.ts](/frontend/src/app/utils/select-color.ts) defines the colour palettes for data visualisations and a utility function to select the nth colour. There are several palettes; the default is chosen to fit the site theme. The [palette selector](/frontend/src/app/visualization/visualization-footer/palette-select/palette-select.component.ts) lets users choose a preferred palette; the `VisualizationComponent` and `WordModelsComponent` provide the chosen palette as input to visualisation components.
+
+Chart.js has no built-in "dark mode". The `ThemeService` adjusts several defaults to get readable charts in dark mode, and updates all chart instances when the theme changes.
+
+## Vega
+
+To let a Vega visualisation adapt to dark/light mode, relevant colours should depend on a signal.
+
+Add the following signal in your vega document:
+
+```json
+{
+    "name": "theme",
+    "description": "Current site theme (light/dark)",
+    "bind": { "element": "#current-theme" }
+}
+```
+
+The value of the `theme` signal will be `"dark"` or `"light"`. When you define colours in your document, let theme depend on this signal, e.g. with a mark like this:
+
+```json
+{
+    "marks": [
+        {
+            "type": "text",
+            // ...
+            "encode": {
+                "update": {
+                    "fill": {"signal": "theme === \"dark\" ? \"white\" : \"black\""}
+                },
+            }
+        },
+    ]
+}
+```
+
+When you display the visualisation, include a [theme indicator](/frontend/src/app/visualization/theme-indicator.directive.ts) on your page like this:
+
+```html
+<input iaThemeIndicator >
+```
+
+The Vega graph will bind the `theme` signal to the value of this element. The element will not be visible to users.
diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 56c311796..1e1f4fd00 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -12,10 +12,17 @@ export enum Theme {
     providedIn: 'root'
 })
 export class ThemeService {
+    /** Theme selection from the user.
+     * `null` means no explicit preference, i.e. use  the system theme.
+     */
     selection = new BehaviorSubject<Theme | null>(null);
-    systemTheme$: Observable<Theme>;
+
+    /** Theme used by the site */
     theme$: Observable<Theme>;
 
+    /** Default dark/light preference from the browser/OS */
+    private systemTheme$: Observable<Theme>;
+
     constructor(
 
     ) {

From 7a6b58b4daced3f6d7b079a1f22ae87132c8e0c0 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 18 Dec 2025 16:08:14 +0100
Subject: [PATCH 15/21] move theme button component to core module

---
 frontend/src/app/core/core.module.ts                            | 2 +-
 .../app/{ => core}/menu/theme-button/theme-button.component.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename frontend/src/app/{ => core}/menu/theme-button/theme-button.component.ts (96%)

diff --git a/frontend/src/app/core/core.module.ts b/frontend/src/app/core/core.module.ts
index c37e5cf96..20326d5b4 100644
--- a/frontend/src/app/core/core.module.ts
+++ b/frontend/src/app/core/core.module.ts
@@ -8,7 +8,7 @@ import { FooterComponent } from './footer/footer.component';
 import { DialogComponent } from './dialog/dialog.component';
 import { CorpusSelectionModule } from '../corpus-selection/corpus-selection.module';
 import { AlertComponent } from './alert/alert.component';
-import { ThemeButtonComponent } from '@app/menu/theme-button/theme-button.component';
+import { ThemeButtonComponent } from '@app/core/menu/theme-button/theme-button.component';
 
 
 /** toplevel components such as the home page and navbar */
diff --git a/frontend/src/app/menu/theme-button/theme-button.component.ts b/frontend/src/app/core/menu/theme-button/theme-button.component.ts
similarity index 96%
rename from frontend/src/app/menu/theme-button/theme-button.component.ts
rename to frontend/src/app/core/menu/theme-button/theme-button.component.ts
index 42033d496..fd47842bc 100644
--- a/frontend/src/app/menu/theme-button/theme-button.component.ts
+++ b/frontend/src/app/core/menu/theme-button/theme-button.component.ts
@@ -6,7 +6,7 @@ import { modulo } from '@utils/utils';
 @Component({
     selector: 'button[ia-theme-button]',
     template: `<span class="icon" aria-hidden="true">
-        <fa-icon [icon]="currentOption.icon" />
+        <fa-icon [icon]="currentOption?.icon" />
     </span>`,
     standalone: false,
 })

From 93d47adea3e30678cebe5d74a2a836afc5aac215 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 18 Dec 2025 16:15:38 +0100
Subject: [PATCH 16/21] catch if stored theme is not a known value

---
 frontend/src/app/services/theme.service.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 1e1f4fd00..9239fbd48 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -22,6 +22,7 @@ export class ThemeService {
 
     /** Default dark/light preference from the browser/OS */
     private systemTheme$: Observable<Theme>;
+    private storageKey = 'theme';
 
     constructor(
 
@@ -57,14 +58,19 @@ export class ThemeService {
     }
 
     private readStoredTheme(): Theme | null {
-        return (localStorage.getItem('theme') as Theme) || null;
+        const value = localStorage.getItem(this.storageKey);
+        if ([Theme.DARK, Theme.LIGHT].map(String).includes(value)) {
+            return value as Theme;
+        } else {
+            return null;
+        }
     }
 
     private writeStoredTheme(theme: Theme | null): void {
         if (theme) {
-            localStorage.setItem('theme', theme);
+            localStorage.setItem(this.storageKey, theme);
         } else {
-            localStorage.removeItem('theme');
+            localStorage.removeItem(this.storageKey);
         }
     }
 }

From 6c32deb995abd6a06af42f42bd4229386ac67e15 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 18 Dec 2025 16:39:56 +0100
Subject: [PATCH 17/21] use dropdown for theme select

---
 frontend/src/app/core/core.module.ts          |  2 -
 .../src/app/core/menu/menu.component.html     | 15 ++++++-
 frontend/src/app/core/menu/menu.component.ts  | 20 ++++++++-
 .../theme-button/theme-button.component.ts    | 45 -------------------
 4 files changed, 33 insertions(+), 49 deletions(-)
 delete mode 100644 frontend/src/app/core/menu/theme-button/theme-button.component.ts

diff --git a/frontend/src/app/core/core.module.ts b/frontend/src/app/core/core.module.ts
index 20326d5b4..febcc5101 100644
--- a/frontend/src/app/core/core.module.ts
+++ b/frontend/src/app/core/core.module.ts
@@ -8,7 +8,6 @@ import { FooterComponent } from './footer/footer.component';
 import { DialogComponent } from './dialog/dialog.component';
 import { CorpusSelectionModule } from '../corpus-selection/corpus-selection.module';
 import { AlertComponent } from './alert/alert.component';
-import { ThemeButtonComponent } from '@app/core/menu/theme-button/theme-button.component';
 
 
 /** toplevel components such as the home page and navbar */
@@ -21,7 +20,6 @@ import { ThemeButtonComponent } from '@app/core/menu/theme-button/theme-button.c
         MenuDropdownComponent,
         NotificationsComponent,
         AlertComponent,
-        ThemeButtonComponent,
     ],
     imports: [SharedModule, CorpusSelectionModule],
     exports: [
diff --git a/frontend/src/app/core/menu/menu.component.html b/frontend/src/app/core/menu/menu.component.html
index a81c64a33..fc17ab6ef 100644
--- a/frontend/src/app/core/menu/menu.component.html
+++ b/frontend/src/app/core/menu/menu.component.html
@@ -58,7 +58,20 @@
                 </a>
             </div>
             <div class="navbar-end">
-                <button ia-theme-button class="navbar-item"></button>
+                <!-- theme dropdown -->
+                <ia-menu-dropdown>
+                    <span iaMenuDropdownLabel>
+                        <fa-icon [icon]="currentThemeOption.icon"/>
+                    </span>
+                    @for (option of themeOptions; track option.value) {
+                        <a class="navbar-item" role="button" (click)="setTheme(option.value)">
+                            <span class="icon" aria-hidden><fa-icon [icon]="option.icon"/></span>
+                            <span>{{option.label}}</span>
+                        </a>
+                    }
+                </ia-menu-dropdown>
+
+                <!-- user dropdown -->
                 <ia-menu-dropdown *ngIf="user$ | async as user; else notLoggedIn">
                     <div iaMenuDropdownLabel>
                         <span class="icon" aria-hidden="true">
diff --git a/frontend/src/app/core/menu/menu.component.ts b/frontend/src/app/core/menu/menu.component.ts
index d1a34afcd..9833f3c7d 100644
--- a/frontend/src/app/core/menu/menu.component.ts
+++ b/frontend/src/app/core/menu/menu.component.ts
@@ -5,8 +5,9 @@ import { User } from '@models/index';
 import { environment } from '@environments/environment';
 import { AuthService } from '@services/auth.service';
 import { filter, map } from 'rxjs/operators';
-import { navIcons, userIcons } from '@shared/icons';
+import { navIcons, themeIcons, userIcons } from '@shared/icons';
 import * as _ from 'lodash';
+import { Theme, ThemeService } from '@app/services/theme.service';
 
 @Component({
     selector: 'ia-menu',
@@ -30,6 +31,12 @@ export class MenuComponent implements OnDestroy, OnInit {
     navIcons = navIcons;
     userIcons = userIcons;
 
+    themeOptions = [
+        { label: 'auto', icon: themeIcons.system, value: undefined },
+        { label: 'light', icon: themeIcons.light, value: Theme.LIGHT },
+        { label: 'dark', icon: themeIcons.dark, value: Theme.DARK },
+    ];
+
 
     private destroy$ = new Subject<void>();
 
@@ -37,8 +44,15 @@ export class MenuComponent implements OnDestroy, OnInit {
         private authService: AuthService,
         private router: Router,
         private route: ActivatedRoute,
+        private themeService: ThemeService,
     ) {}
 
+    get currentThemeOption() {
+        return this.themeOptions.find(
+            option => option.value == this.themeService.selection.value
+        );
+    }
+
     ngOnDestroy() {
         this.destroy$.next(undefined);
     }
@@ -52,6 +66,10 @@ export class MenuComponent implements OnDestroy, OnInit {
         this.menuOpen$.next(!this.menuOpen$.value);
     }
 
+    setTheme(value: Theme | undefined) {
+        this.themeService.selection.next(value);
+    }
+
     public async logout() {
         this.authService.logout(true).subscribe();
     }
diff --git a/frontend/src/app/core/menu/theme-button/theme-button.component.ts b/frontend/src/app/core/menu/theme-button/theme-button.component.ts
deleted file mode 100644
index fd47842bc..000000000
--- a/frontend/src/app/core/menu/theme-button/theme-button.component.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component, HostBinding, HostListener } from '@angular/core';
-import { Theme, ThemeService } from '@services/theme.service';
-import { themeIcons } from '@shared/icons';
-import { modulo } from '@utils/utils';
-
-@Component({
-    selector: 'button[ia-theme-button]',
-    template: `<span class="icon" aria-hidden="true">
-        <fa-icon [icon]="currentOption?.icon" />
-    </span>`,
-    standalone: false,
-})
-export class ThemeButtonComponent {
-    options = [
-        { label: 'system theme', icon: themeIcons.system, value: undefined },
-        { label: 'light theme', icon: themeIcons.light, value: Theme.LIGHT },
-        { label: 'dark theme', icon: themeIcons.dark, value: Theme.DARK },
-    ];
-
-    constructor(
-        private themeService: ThemeService
-    ) {}
-
-    @HostBinding('attr.aria-label')
-    get ariaLabel() {
-        return this.currentOption?.label;
-    }
-
-    get currentOption() {
-        return this.options[this.currentIndex];
-    }
-
-    private get currentIndex(): number {
-        return this.options.findIndex(
-            option => option.value == this.themeService.selection.value
-        );
-    }
-
-    @HostListener('click')
-    cycle() {
-        const nextIndex = modulo(this.currentIndex + 1, this.options.length);
-        this.themeService.selection.next(this.options[nextIndex].value);
-    }
-
-}

From 087b7875d35391d8f9980bb2a8d98076e46f49c1 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 18 Dec 2025 17:32:03 +0100
Subject: [PATCH 18/21] dark theme styling

---
 .../corpus-selector.component.scss            |  1 +
 frontend/src/styles.scss                      | 35 +++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/frontend/src/app/corpus-selection/corpus-selector/corpus-selector.component.scss b/frontend/src/app/corpus-selection/corpus-selector/corpus-selector.component.scss
index ae4d56636..72c3dcc52 100644
--- a/frontend/src/app/corpus-selection/corpus-selector/corpus-selector.component.scss
+++ b/frontend/src/app/corpus-selection/corpus-selector/corpus-selector.component.scss
@@ -36,6 +36,7 @@
 .title-divider {
     margin-top: 0px;
     margin-bottom: 1rem;
+    background-color: var(--bulma-primary-soft);
 }
 
 .columns .align-bottom {
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index a378acedb..5a2b6d119 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -273,6 +273,14 @@ button {
     }
 }
 
+.input, .select {
+    &:focus {
+        outline: auto !important;
+        border: inherit !important;
+        box-shadow: inherit !important;
+    }
+}
+
 
 // primeNG
 
@@ -318,3 +326,30 @@ button {
         }
     }
 }
+
+
+// dark mode
+
+[data-theme="dark"] {
+    // increase contrast in dark mode
+
+    --bulma-border-l: 40%;
+    --bulma-background-l: 30%;
+    --bulma-shadow: 0 0 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.3);
+
+    --bulma-scheme-main-l: 5%;
+    --bulma-scheme-main-bis-l: 15%;
+    --bulma-scheme-main-ter-l: 20%;
+    --bulma-text-l: 85%;
+    --bulma-text-weak-l: 70%;
+    --bulma-link-on-scheme-l: 77%;
+    --bulma-link-text: hsl(var(--bulma-link-h), 80%, var(--bulma-link-on-scheme-l));
+
+    .control, .input, .select {
+        --bulma-input-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l), 0.5);
+    }
+
+    .navbar.is-primary {
+        --bulma-navbar-dropdown-item-background-l: 20%;
+    }
+}

From fa7d5c0cfe1e5028f8d902ba625784a7ad118993 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Thu, 18 Dec 2025 18:22:33 +0100
Subject: [PATCH 19/21] use light mode in peace portal

---
 frontend/src/app/services/theme.service.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 9239fbd48..3d9501980 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -2,6 +2,7 @@ import { Injectable } from '@angular/core';
 import { BehaviorSubject, combineLatest, fromEvent, map, Observable, startWith } from 'rxjs';
 import { Chart } from 'chart.js';
 import _ from 'lodash';
+import { environment } from '@environments/environment';
 
 export enum Theme {
     DARK = 'dark',
@@ -27,7 +28,11 @@ export class ThemeService {
     constructor(
 
     ) {
-        this.selection.next(this.readStoredTheme());
+        if (environment.runInIFrame) {
+            this.selection.next(Theme.LIGHT);
+        } else {
+            this.selection.next(this.readStoredTheme());
+        }
         const query = window.matchMedia('(prefers-color-scheme: dark)');
         this.systemTheme$ = fromEvent<MediaQueryListEvent>(query, 'change').pipe(
             startWith(query),

From 9ffec287e5007e6bd018ae44953338616d35675d Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Fri, 9 Jan 2026 14:25:25 +0100
Subject: [PATCH 20/21] themeservice code clarity

---
 frontend/src/app/core/menu/menu.component.ts |  4 +-
 frontend/src/app/services/theme.service.ts   | 40 ++++++++++----------
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app/core/menu/menu.component.ts b/frontend/src/app/core/menu/menu.component.ts
index 9833f3c7d..1a228b7f6 100644
--- a/frontend/src/app/core/menu/menu.component.ts
+++ b/frontend/src/app/core/menu/menu.component.ts
@@ -49,7 +49,7 @@ export class MenuComponent implements OnDestroy, OnInit {
 
     get currentThemeOption() {
         return this.themeOptions.find(
-            option => option.value == this.themeService.selection.value
+            option => option.value == this.themeService.selection$.value
         );
     }
 
@@ -67,7 +67,7 @@ export class MenuComponent implements OnDestroy, OnInit {
     }
 
     setTheme(value: Theme | undefined) {
-        this.themeService.selection.next(value);
+        this.themeService.selection$.next(value);
     }
 
     public async logout() {
diff --git a/frontend/src/app/services/theme.service.ts b/frontend/src/app/services/theme.service.ts
index 3d9501980..b03031b26 100644
--- a/frontend/src/app/services/theme.service.ts
+++ b/frontend/src/app/services/theme.service.ts
@@ -16,7 +16,7 @@ export class ThemeService {
     /** Theme selection from the user.
      * `null` means no explicit preference, i.e. use  the system theme.
      */
-    selection = new BehaviorSubject<Theme | null>(null);
+    selection$ = new BehaviorSubject<Theme | null>(null);
 
     /** Theme used by the site */
     theme$: Observable<Theme>;
@@ -25,33 +25,35 @@ export class ThemeService {
     private systemTheme$: Observable<Theme>;
     private storageKey = 'theme';
 
-    constructor(
+    constructor() {
+        const initialSelection = environment.runInIFrame ? Theme.LIGHT : this.readStoredSelection();
+        this.selection$.next(initialSelection);
+        this.selection$.subscribe((theme) => this.storeSelection(theme));
 
-    ) {
-        if (environment.runInIFrame) {
-            this.selection.next(Theme.LIGHT);
-        } else {
-            this.selection.next(this.readStoredTheme());
-        }
+        this.systemTheme$ = this.watchSystemTheme();
+        this.theme$ = combineLatest([this.selection$, this.systemTheme$]).pipe(
+            map(([selection, system]) => selection || system)
+        );
+        this.theme$.subscribe((theme) => this.applyTheme(theme));
+    }
+
+    private watchSystemTheme(): Observable<Theme> {
         const query = window.matchMedia('(prefers-color-scheme: dark)');
-        this.systemTheme$ = fromEvent<MediaQueryListEvent>(query, 'change').pipe(
+        return fromEvent<MediaQueryListEvent>(query, 'change').pipe(
             startWith(query),
             map(list => list.matches ? Theme.DARK : Theme.LIGHT)
         );
-        this.theme$ = combineLatest([this.selection, this.systemTheme$]).pipe(
-            map(([selection, system]) => selection || system)
-        );
-        this.selection.subscribe((theme) => this.writeStoredTheme(theme));
-        this.theme$.subscribe((theme) => this.setTheme(theme));
     }
 
-    setTheme(theme: Theme) {
+    /** set theme in the site layout */
+    private applyTheme(theme: Theme) {
         const root = (document.getRootNode() as Document).documentElement;
         root.setAttribute('data-theme', theme);
-        this.setChartJSTheme();
+        this.applyChartJSTheme();
     }
 
-    setChartJSTheme() {
+    /** set chartjs defaults based on current style, and update active charts */
+    private applyChartJSTheme() {
         const style = window.getComputedStyle(document.body);
         Chart.defaults.color = () => style.getPropertyValue('--bulma-text-strong');
         Chart.defaults.borderColor = () => style.getPropertyValue('--bulma-border');
@@ -62,7 +64,7 @@ export class ThemeService {
         }
     }
 
-    private readStoredTheme(): Theme | null {
+    private readStoredSelection(): Theme | null {
         const value = localStorage.getItem(this.storageKey);
         if ([Theme.DARK, Theme.LIGHT].map(String).includes(value)) {
             return value as Theme;
@@ -71,7 +73,7 @@ export class ThemeService {
         }
     }
 
-    private writeStoredTheme(theme: Theme | null): void {
+    private storeSelection(theme: Theme | null): void {
         if (theme) {
             localStorage.setItem(this.storageKey, theme);
         } else {

From 03c37533ee7a658affa9cb8cea8393f444b5e5e0 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Fri, 9 Jan 2026 14:28:18 +0100
Subject: [PATCH 21/21] remove comment typo

---
 .../word-models/similarity-chart/similarity-chart.component.ts  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
index 1514ae62b..a3ea815ab 100644
--- a/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
+++ b/frontend/src/app/word-models/similarity-chart/similarity-chart.component.ts
@@ -202,7 +202,7 @@ export class SimilarityChartComponent implements OnInit, OnChanges, OnDestroy {
         const options: ChartOptions = {
             elements: {
                 line: {
-                    tension: 0, // dthis.chart.update();isables bezier curves
+                    tension: 0, // disables bezier curves
                 },
                 point: {
                     radius: 0, // hide points