diff --git a/frontend/src/components/__snapshots__/PageShell.test.ts.snap b/frontend/src/components/__snapshots__/PageShell.test.ts.snap
index 269a00fb5..038390a7b 100644
--- a/frontend/src/components/__snapshots__/PageShell.test.ts.snap
+++ b/frontend/src/components/__snapshots__/PageShell.test.ts.snap
@@ -164,6 +164,36 @@ exports[`PageShell > renders 1`] = `
               <!---->
             </a>
           </div>
+          <div
+            class="v-col d-flex align-center justify-center grow"
+          >
+            <button
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text"
+              type="button"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.theme.switchToDark')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </button>
+          </div>
           <div
             class="v-col"
           >
@@ -195,10 +225,10 @@ exports[`PageShell > renders 1`] = `
                       
                       
                       <input
-                        aria-describedby="switch-4-messages"
+                        aria-describedby="switch-5-messages"
                         aria-disabled="false"
                         aria-label="$t('language.german')"
-                        id="switch-4"
+                        id="switch-5"
                         type="checkbox"
                         value="true"
                       />
@@ -220,7 +250,7 @@ exports[`PageShell > renders 1`] = `
                   </div>
                   <label
                     class="v-label v-label--clickable"
-                    for="switch-4"
+                    for="switch-5"
                   >
                     <!---->
                     
@@ -239,7 +269,7 @@ exports[`PageShell > renders 1`] = `
                   aria-live="polite"
                   class="v-messages"
                   css="true"
-                  id="switch-4-messages"
+                  id="switch-5-messages"
                   name="slide-y-transition"
                   persisted="false"
                   role="alert"
diff --git a/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap b/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
index 7f90693ef..74d79a695 100644
--- a/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
+++ b/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
@@ -164,6 +164,36 @@ exports[`TopMenu > renders 1`] = `
               <!---->
             </a>
           </div>
+          <div
+            class="v-col d-flex align-center justify-center grow"
+          >
+            <button
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text"
+              type="button"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.theme.switchToDark')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </button>
+          </div>
           <div
             class="v-col"
           >
@@ -195,10 +225,10 @@ exports[`TopMenu > renders 1`] = `
                       
                       
                       <input
-                        aria-describedby="switch-4-messages"
+                        aria-describedby="switch-5-messages"
                         aria-disabled="false"
                         aria-label="$t('language.german')"
-                        id="switch-4"
+                        id="switch-5"
                         type="checkbox"
                         value="true"
                       />
@@ -220,7 +250,7 @@ exports[`TopMenu > renders 1`] = `
                   </div>
                   <label
                     class="v-label v-label--clickable"
-                    for="switch-4"
+                    for="switch-5"
                   >
                     <!---->
                     
@@ -239,7 +269,7 @@ exports[`TopMenu > renders 1`] = `
                   aria-live="polite"
                   class="v-messages"
                   css="true"
-                  id="switch-4-messages"
+                  id="switch-5-messages"
                   name="slide-y-transition"
                   persisted="false"
                   role="alert"
diff --git a/frontend/src/pages/index/__snapshots__/Page.test.ts.snap b/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
index c037b48cc..5cbc80ea3 100644
--- a/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -46,7 +46,7 @@ exports[`IndexPage > renders 1`] = `
                 $t('home.text4') 
                 <i
                   aria-hidden="true"
-                  class="v-icon notranslate v-theme--light v-icon--size-default text-red"
+                  class="v-icon notranslate v-theme--light v-icon--size-default text-error"
                 >
                   
                   <!-- Generated by IcoMoon.io -->