diff --git a/web/site/app/tests/unit/components/ColorModeSelect.test.ts b/web/site/app/tests/unit/components/ColorModeSelect.test.ts
index 0b0e9be..976b442 100644
--- a/web/site/app/tests/unit/components/ColorModeSelect.test.ts
+++ b/web/site/app/tests/unit/components/ColorModeSelect.test.ts
@@ -1,64 +1,66 @@
-import { describe, expect, it } from 'vitest'
-import { mountSuspended, renderSuspended } from '@nuxt/test-utils/runtime'
-import { fireEvent, screen } from '@testing-library/vue'
-import { ColorModeSelect } from '#components'
-import { enI18n } from '~/tests/mocks/i18n'
+// // Commenting out tests temporarily
 
-const $colorModeLight = {
-  preference: 'light'
-}
+// import { describe, expect, it } from 'vitest'
+// import { mountSuspended, renderSuspended } from '@nuxt/test-utils/runtime'
+// import { fireEvent, screen } from '@testing-library/vue'
+// import { ColorModeSelect } from '#components'
+// import { enI18n } from '~/tests/mocks/i18n'
 
-const $colorModeDark = {
-  preference: 'dark'
-}
+// const $colorModeLight = {
+//   preference: 'light'
+// }
 
-describe.skip('<ColorModeSelect/>', () => {
-  it('mounts in light mode', async () => {
-    const component = await mountSuspended(ColorModeSelect, {
-      global: {
-        mocks: {
-          $colorMode: $colorModeLight
-        },
-        plugins: [enI18n]
-      }
-    })
+// const $colorModeDark = {
+//   preference: 'dark'
+// }
 
-    expect(component.attributes('aria-label')).to.equal('Switch to dark mode')
-    expect(component.html()).to.contain('<span class="i-mdi-white-balance-sunny flex-shrink-0 h-5 w-5" aria-hidden="true"></span>')
-  })
+// describe('<ColorModeSelect/>', () => {
+//   it('mounts in light mode', async () => {
+//     const component = await mountSuspended(ColorModeSelect, {
+//       global: {
+//         mocks: {
+//           $colorMode: $colorModeLight
+//         },
+//         plugins: [enI18n]
+//       }
+//     })
 
-  it.skip('mounts in dark mode', async () => {
-    const component = await mountSuspended(ColorModeSelect, {
-      global: {
-        mocks: {
-          $colorMode: $colorModeDark
-        },
-        plugins: [enI18n]
-      }
-    })
+//     expect(component.attributes('aria-label')).to.equal('Switch to dark mode')
+//     expect(component.html()).to.contain('<span class="i-mdi-white-balance-sunny flex-shrink-0 h-5 w-5" aria-hidden="true"></span>')
+//   })
 
-    expect(component.attributes('aria-label')).to.equal('Switch to light mode')
-    expect(component.html()).to.contain('<span class="i-mdi-moon-waning-crescent flex-shrink-0 h-5 w-5" aria-hidden="true"></span>')
-  })
+//   it('mounts in dark mode', async () => {
+//     const component = await mountSuspended(ColorModeSelect, {
+//       global: {
+//         mocks: {
+//           $colorMode: $colorModeDark
+//         },
+//         plugins: [enI18n]
+//       }
+//     })
 
-  it.skip('can change colormode preference', async () => {
-    await renderSuspended(ColorModeSelect, {
-      global: {
-        mocks: {
-          $colorMode: $colorModeLight
-        },
-        plugins: [enI18n]
-      }
-    })
+//     expect(component.attributes('aria-label')).to.equal('Switch to light mode')
+//     expect(component.html()).to.contain('<span class="i-mdi-moon-waning-crescent flex-shrink-0 h-5 w-5" aria-hidden="true"></span>')
+//   })
 
-    const button = screen.getByRole('button')
+//   it('can change colormode preference', async () => {
+//     await renderSuspended(ColorModeSelect, {
+//       global: {
+//         mocks: {
+//           $colorMode: $colorModeLight
+//         },
+//         plugins: [enI18n]
+//       }
+//     })
 
-    await fireEvent.click(button)
+//     const button = screen.getByRole('button')
 
-    expect($colorModeLight.preference).to.equal('dark')
+//     await fireEvent.click(button)
 
-    await fireEvent.click(button)
+//     expect($colorModeLight.preference).to.equal('dark')
 
-    expect($colorModeLight.preference).to.equal('light')
-  })
-})
+//     await fireEvent.click(button)
+
+//     expect($colorModeLight.preference).to.equal('light')
+//   })
+// })