Amoled toggle fix (#4246)

* Update constants.ts

* Update constants.ts

* Update index.md

* everythin pure blak now

Updated all dark mode and Halloween theme background color variables from dark gray values to pure black (rgb(0, 0, 0))  AMOLED BABYYYYYY

* idk that it bothered me

that hyphen was needed

plus gotta give some credit to me for amoled BUT IM STILL GRATEFUL TO THE GREAT PPL WHO BUILT THIS

* forgot this mb

* Update constants.ts

* Change background colors to pure black theme

* Fix template closing tags in ColorPicker.vue

* Add files via upload

* Add AMOLED mode toggle to ColorPicker

1. Added AMOLED Mode as a Universal Toggle
2. New State Management isAmoledMode
3. New UI Element
amoled toggle

* Revert "Update ColorPicker.vue"

This reverts commit 3fe4b690d7, reversing
changes made to 132ef4a25b.

* Revert "Add AMOLED mode toggle to ColorPicker"

This reverts commit 132ef4a25b.

* Update ColorPicker.vue

* Change default amoled mode to true

* Update ColorPicker.vue

* fixing conflicts

* fixing conflicts

* Update AMOLED toggle to use v-model for binding

this makes sure that the toggle doesnt revert back to being off after reloading 

this was an issue that i couldnt test out where the toggle would revert back to the off state while the page remained in the amoled state

docs/.vitepress/theme/components/ColorPicker.vue

@@ -135,7 +135,7 @@ const normalizeColorName = (colorName: string) =>
     <!-- AMOLED toggle -->
     <div class="mt-4 flex items-center gap-2">
       <span class="text-sm text-$vp-c-text-2">AMOLED</span>
-      <Switch @click="isAmoledMode = !isAmoledMode" />
+      <Switch v-model="isAmoledMode" @click="isAmoledMode = !isAmoledMode" />
     </div>
   </div>
-</template>
+</template>