From b3f7ac4b22440170c0cd00c167e2cffd204f0531 Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Mon, 9 Dec 2024 15:36:39 +0300
Subject: [PATCH 1/2] Launch the dark mode

---
 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..180eadaf8dc 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": "switchable"
       },
       "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"

From a3f6ef096d5510f014ad2b05112c00b00490fc8c Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Mon, 9 Dec 2024 18:04:06 +0300
Subject: [PATCH 2/2] Update frontend/feat/feature-flags.json

---
 frontend/feat/feature-flags.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/feat/feature-flags.json b/frontend/feat/feature-flags.json
index 180eadaf8dc..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": "switchable"
+        "production": "enabled"
       },
       "defaultState": "on",
       "description": "Display the UI toggle to change the site color theme and respect system preferences.",