fix colors

package.json

@@ -21,6 +21,7 @@
 		"dotenv": "^16.3.1",
 		"sanitize-html": "^2.11.0",
 		"svelte-i18n": "^4.0.0",
-		"svelte-icons-pack": "^2.1.0"
+		"svelte-icons-pack": "^2.1.0",
+		"tinycolor2": "^1.6.0"
 	}
 }

src/routes/+layout.svelte

@@ -3,6 +3,7 @@
   import DefaultTheme from "./DefaultTheme.svelte";
   import { setupI18n, isLoading, _ } from '$lib/i18n';
   import { onMount } from "svelte";
+  import tinycolor from 'tinycolor2';
 
   let isOpenedByTelegram = false;
   onMount(() => {
@@ -12,6 +13,16 @@
       lang = 'en'
     }
     setupI18n({ withLocale: lang });
+
+    let bgColor = window.getComputedStyle(document.documentElement).getPropertyValue('--tg-theme-bg-color');
+    let bgSecondaryColor = window.getComputedStyle(document.documentElement).getPropertyValue('--tg-theme-secondary-bg-color');
+    bgColor = tinycolor(bgColor);
+    bgSecondaryColor = tinycolor(bgSecondaryColor);
+    console.log(bgColor.getBrightness(), bgSecondaryColor.getBrightness())
+    if (bgColor.getBrightness() < bgSecondaryColor.getBrightness()) {
+      document.documentElement.style.setProperty('--tg-theme-bg-color', bgSecondaryColor.toString());
+      document.documentElement.style.setProperty('--tg-theme-secondary-bg-color', bgColor.toString());
+    }
   });
 </script>
 

src/routes/wishlists/[wishlist_id]/+layout.server.js

@@ -2,7 +2,8 @@ import { error } from '@sveltejs/kit';
 import {env} from "$lib/env.js";
 import {safetySanitizeWithLinks} from "$lib/safety_html.js";
 
-export async function load({ params, cookies }) {
+export async function load({ params, cookies, parent }) {
+    await parent(); // todo? maybe we should not wait for parent? now it for registration, when executing first request
     let token = cookies.get("tg_init_data");
     if (env.TG_DEV_INIT_DATA_BASE64) {
         token = env.TG_DEV_INIT_DATA_BASE64;