chore(deps): update dependency @types/videojs-hls-quality-selector to v1.1.3

.env

@@ -2,4 +2,5 @@ SAFETWITCH_BACKEND_DOMAIN=localhost:7000
 SAFETWITCH_INSTANCE_DOMAIN=localhost:5173
 SAFETWITCH_HTTPS=false
 SAFETWITCH_DEFAULT_LOCALE=en-US
-SAFETWITCH_FALLBACK_LOCALE=en-US
+SAFETWITCH_DEFAULT_THEME=dark
+SAFETWITCH_FALLBACK_LOCALE=en-US

Dockerfile

@@ -5,6 +5,7 @@ ENV SAFETWITCH_INSTANCE_DOMAIN SAFETWITCH_INSTANCE_DOMAIN_PLACEHOLDER
 ENV SAFETWITCH_HTTPS SAFETWITCH_HTTPS_PLACEHOLDER
 ENV SAFETWITCH_DEFAULT_LOCALE SAFETWITCH_DEFAULT_LOCALE_PLACEHOLDER
 ENV SAFETWITCH_FALLBACK_LOCALE SAFETWITCH_FALLBACK_LOCALE_PLACEHOLDER
+ENV SAFETWITCH_DEFAULT_THEME SAFETWITCH_DEFAULT_THEME_PLACEHOLDER
 
 WORKDIR /app
 

docker/init.sh

@@ -10,6 +10,7 @@ else
   export SAFETWITCH_BACKEND_DOMAIN_PLACEHOLDER=SAFETWITCH_BACKEND_DOMAIN_PLACEHOLDER
   export SAFETWITCH_INSTANCE_DOMAIN_PLACEHOLDER=SAFETWITCH_INSTANCE_DOMAIN_PLACEHOLDER
   export SAFETWITCH_HTTPS_PLACEHOLDER=SAFETWITCH_HTTPS_PLACEHOLDER
+  export SAFETWITCH_DEFAULT_THEME_PLACEHOLDER=SAFETWITCH_DEFAULT_THEME_PLACEHOLDER
   export SAFETWITCH_DEFAULT_LOCALE_PLACEHOLDER=SAFETWITCH_DEFAULT_LOCALE_PLACEHOLDER
   export SAFETWITCH_FALLBACK_LOCALE_PLACEHOLDER=SAFETWITCH_FALLBACK_LOCALE_PLACEHOLDER
 fi
@@ -20,6 +21,7 @@ do
   sed -i 's|'${SAFETWITCH_BACKEND_DOMAIN_PLACEHOLDER}'|'${SAFETWITCH_BACKEND_DOMAIN}'|g' $file
   sed -i 's|'${SAFETWITCH_INSTANCE_DOMAIN_PLACEHOLDER}'|'${SAFETWITCH_INSTANCE_DOMAIN}'|g' $file
   sed -i 's|'${SAFETWITCH_HTTPS_PLACEHOLDER}'|'${SAFETWITCH_HTTPS}'|g' $file
+  sed -i 's|'${SAFETWITCH_DEFAULT_THEME_PLACEHOLDER}'|'${SAFETWITCH_DEFAULT_THEME}'|g' $file
   sed -i 's|'${SAFETWITCH_DEFAULT_LOCALE_PLACEHOLDER}'|'${SAFETWITCH_DEFAULT_LOCALE}'|g' $file
   sed -i 's|'${SAFETWITCH_FALLBACK_LOCALE_PLACEHOLDER}'|'${SAFETWITCH_FALLBACK_LOCALE}'|g' $file
   # Your other variables here...
@@ -29,8 +31,9 @@ done
 echo -e "SAFETWITCH_BACKEND_DOMAIN_PLACEHOLDER=${SAFETWITCH_BACKEND_DOMAIN}" > .env.old
 echo -e "SAFETWITCH_INSTANCE_DOMAIN_PLACEHOLDER=${SAFETWITCH_INSTANCE_DOMAIN}" >> .env.old
 echo -e "SAFETWITCH_HTTPS_PLACEHOLDER=${SAFETWITCH_HTTPS}" >> .env.old
+echo -e "SAFETWITCH_DEFAULT_THEME_PLACEHOLDER=${SAFETWITCH_DEFAULT_THEME}" >> .env.old
 echo -e "SAFETWITCH_DEFAULT_LOCALE_PLACEHOLDER=${SAFETWITCH_DEFAULT_LOCALE}" >> .env.old
 echo -e "SAFETWITCH_FALLBACK_LOCALE_PLACEHOLDER=${SAFETWITCH_FALLBACK_LOCALE}" >> .env.old
 
 # Starting NGINX
-nginx -g 'daemon off;'
+nginx -g 'daemon off;'

env.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 // https://github.com/intlify/vue-i18n-next/issues/1403
-/// <reference types="vite/client" />
+/// <reference types="vite/client" /> 
 /// <reference path="node_modules/vue-i18n/dist/vue-i18n.d.ts" />
 declare module 'vue-i18n'
 
@@ -13,9 +13,10 @@ interface ImportMetaEnv {
     readonly SAFETWITCH_FALLBACK_LOCALE: string
     readonly SAFETWITCH_COMMIT_HASH: string
     readonly SAFETWITCH_TAG: string
+    readonly SAFETWITCH_DEFAULT_THEME: string
     // more env variables...
   }
-
+  
   interface ImportMeta {
     readonly env: ImportMetaEnv
-  }
+  }

src/components/SearchBar.vue

@@ -24,7 +24,7 @@ export default {
       :placeholder="$t('main.search')"
       v-model="searchInput"
       @keyup.enter="redirectToSearch"
-      class="rounded-md text-white bg-black placeholder:text-white w-full outline-none"
+      class="rounded-md px-2 text-black bg-white placeholder:text-black w-full outline-none"
     />
   </div>
 </template>

src/settingsManager.ts

@@ -215,7 +215,7 @@ export function getFollows(): string[] {
  * @default string light
  */
 export function getTheme(): string {
-  const selectedTheme = localStorage.getItem('theme') || "dark"
+  const selectedTheme = localStorage.getItem('theme') || import.meta.env.SAFETWITCH_DEFAULT_THEME
 
   if (selectedTheme === '') {
     return 'light'
@@ -226,7 +226,7 @@ export function getTheme(): string {
   if (t.length === 0) {
     console.error(`Theme ${selectedTheme} does not exist... Perhaps improperly setup instance defaults or improper config?
     Stored Theme: ${localStorage.getItem('theme')}
-    Default Theme: black
+    Default Theme: ${import.meta.env.SAFETWITCH_DEFAULT_THEME}
     `)
     return 'light'
   }