From a9441f7e38fcf0d56f9732122c9d3106a87eabe5 Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Tue, 10 Dec 2024 17:47:40 +0300
Subject: [PATCH] Launch the dark mode (#5260)

* Launch the dark mode

* Update frontend/feat/feature-flags.json
---
 frontend/feat/feature-flags.json                               | 2 +-
 .../src/components/VFeatureNotice/VDarkModeFeatureNotice.vue   | 3 +--
 frontend/test/unit/specs/composables/use-dark-mode.spec.ts     | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/feat/feature-flags.json b/frontend/feat/feature-flags.json
index 1a24598dc3b..296616d1d6f 100644
--- a/frontend/feat/feature-flags.json
+++ b/frontend/feat/feature-flags.json
@@ -34,7 +34,7 @@
     "dark_mode_ui_toggle": {
       "status": {
         "staging": "switchable",
-        "production": "disabled"
+        "production": "enabled"
       },
       "defaultState": "on",
       "description": "Display the UI toggle to change the site color theme and respect system preferences.",
diff --git a/frontend/src/components/VFeatureNotice/VDarkModeFeatureNotice.vue b/frontend/src/components/VFeatureNotice/VDarkModeFeatureNotice.vue
index 782cd02e6bb..2533a6d5c29 100644
--- a/frontend/src/components/VFeatureNotice/VDarkModeFeatureNotice.vue
+++ b/frontend/src/components/VFeatureNotice/VDarkModeFeatureNotice.vue
@@ -11,9 +11,8 @@ const handleClick = () => {
 </script>
 
 <template>
-  <!-- TODO: Populate the post permalink. -->
   <VFeatureNotice
-    see-more-href="https://make.wordpress.org/openverse/"
+    see-more-href="https://make.wordpress.org/openverse/?p=2216"
     @click="handleClick"
   >
     {{ $t("notification.darkMode.text") }}
diff --git a/frontend/test/unit/specs/composables/use-dark-mode.spec.ts b/frontend/test/unit/specs/composables/use-dark-mode.spec.ts
index edafc1d8b30..8bf94fa4ea6 100644
--- a/frontend/test/unit/specs/composables/use-dark-mode.spec.ts
+++ b/frontend/test/unit/specs/composables/use-dark-mode.spec.ts
@@ -1,4 +1,4 @@
-import { computed } from "#imports"
+import { computed } from "vue"
 
 import { describe, expect, test, vi } from "vitest"
 import { usePreferredColorScheme } from "@vueuse/core"