Merge main & update to bikkelhart/internet-nl@45804654

	git fetch bikkelhart
	git merge -X theirs internetnl/main
	git checkout --no-overlay bikkelhart/bikkelhart-redesign -- frontend interface/templates interface/static translations
	git checkout --no-overlay main -- interface/static/question@internet.nl_0x45028563.asc interface/templates/statistics.html
	convert -resize 48x48 interface/static/favicon.{png,ico}
	git add interface/static/favicon.ico
	git commit --amend -m "Merge main & update to bikkelhart/internet-nl@$(git rev-parse bikkelhart/bikkelhart-redesign | cut -c1-8)"

Author: bwbroersma

frontend/rollup.config.js

@@ -34,7 +34,6 @@ const chunks = {
   base: [
     "src/js/base/header.js",
     "src/js/base/theme.js",
-    "src/js/base/language-switch.js",
     "src/js/base/print.js",
     "src/js/lib/matomo.js",
   ],

frontend/src/css/components.css

@@ -230,6 +230,14 @@
   }
 }
 
+[data-theme="dark"] {
+  color-scheme: dark;
+  
+  .card.large.knowledge-card {
+    border: var(--card-border);
+  }
+}
+
 .card {
   border-radius: 0.5rem;
 
@@ -262,25 +270,37 @@
 
   &.news-card {
     background-color: var(--card-bg-color-news);
-  
+
     a {
       color: var(--card-body-color-news);
     }
   }
 
   &.knowledge-card {
     background-color: var(--card-bg-color-knowledge);
-  
+
     a {
       color: var(--card-heading-color-knowledge);
-
     }
   }
 
 
   &.large {
+    &.knowledge-card {
+      @media (prefers-color-scheme: dark) {
+        border: var(--card-border);
+      }
+
+      @media (prefers-color-scheme: light) {
+        border: none;
+      }
+    }
+
+    &.news-card {
+      border: var(--card-border);
+    }
+
     translate: 0 3rem;
-    border: var(--card-border);
 
     @media (width >= 56.25rem) {
       translate: 0 4rem;
@@ -484,4 +504,17 @@
       background-color: var(--accordion-heading-color);
     }
   }
+}
+
+/* Overwrites for light theme */
+[data-theme="light"] {
+  color-scheme: light;
+
+  .card.large.knowledge-card {
+    border: none;
+  }
+
+  .accordion {
+    border: 1px solid var(--green-400);
+  }
 }

frontend/src/css/contact-section.css

@@ -51,6 +51,14 @@
   }
 }
 
+[data-theme="light"] {
+  color-scheme: light;
+
+  .faq-item {
+    border: 1px solid var(--green-400);
+  }
+}
+
 .faq-item {
   margin-bottom: 0.5rem;
   background: var(--accordion-bg-color);

frontend/src/css/global.css

@@ -133,6 +133,11 @@ video {
   padding-inline: 1rem;
 }
 
+.center {
+  display: flex;
+  justify-content: center;
+}
+
 .light-visible {
   display: var(--light-visible);
 }