diff --git a/src/components/DataEditor/DataEditor.vue b/src/components/DataEditor/DataEditor.vue
index 262f6b8..3b700e6 100644
--- a/src/components/DataEditor/DataEditor.vue
+++ b/src/components/DataEditor/DataEditor.vue
@@ -38,7 +38,6 @@ function renderImage(item: any) {
 
 function getResult() {
   manifestStore.resetItems()
-  manifestStore.resetTerms()
   let url =
     'https://nijdam.nu/maniiifision-api/?imageUrl=' +
     manifestStore.getCurrentImage() +
@@ -49,10 +48,7 @@ function getResult() {
       response.json().then((data) => {
         manifestStore.updateItems(data.responses[0].localizedObjectAnnotations)
 
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        this.imageData = data.imageData
-        // NOTE: will stuff break if removed? Feels like writing to this. in a => function is useless
+        imageData.value = data.imageData
 
         data.responses[0].localizedObjectAnnotations.forEach((item: any) => {
           fetchTerms(item.name_nl)
diff --git a/src/style.css b/src/style.css
index d41272c..1f515af 100644
--- a/src/style.css
+++ b/src/style.css
@@ -65,3 +65,16 @@ button:focus-visible {
   padding: 2rem;
   text-align: center;
 }
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}