From e3056f5a48b8b9a1ec9f391ad5c4e1c7031294a1 Mon Sep 17 00:00:00 2001
From: Andreas Tzionis <andy0n7@gmail.com>
Date: Sun, 31 Mar 2024 08:30:17 +0300
Subject: [PATCH] fixed powered by

---
 lib/client/vanilla/powered.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/lib/client/vanilla/powered.tsx b/lib/client/vanilla/powered.tsx
index a4cee665..adaca796 100644
--- a/lib/client/vanilla/powered.tsx
+++ b/lib/client/vanilla/powered.tsx
@@ -1,10 +1,13 @@
 import React, { useEffect, useState } from 'react'
 
 const getElementProperty = (element: HTMLElement, property: string, defaultValue: string): string => {
-  const value = window.getComputedStyle(element)[property as any]
-  if (value !== defaultValue) return value
+  const value = element ? window.getComputedStyle(element)[property as any] : null
+  if (!!value) return value
   else if (!element || element.childNodes.length === 0) return defaultValue
-  else return getElementProperty(element?.childNodes[0] as HTMLElement, property, defaultValue)
+  else {
+    const firstElementNode = [...element?.childNodes].find((e) => e.nodeType === Node.ELEMENT_NODE)
+    return getElementProperty(firstElementNode as HTMLElement, property, defaultValue)
+  }
 }
 
 const waitForElement = (target: HTMLElement, selector: string): Promise<HTMLElement> => {
@@ -26,12 +29,12 @@ const waitForElement = (target: HTMLElement, selector: string): Promise<HTMLElem
 }
 
 const isDarkBackground = (bgColor: string) => {
-  const [r, g, b] = bgColor
+  const [r, g, b, a] = bgColor
     .match(/\(([^()]+)\)/)![1]
     .split(',')
     .map((v) => parseInt(v))
   const hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b))
-  return hsp < 127.5
+  return a === 0 ? false : hsp < 127.5
 }
 
 const PoweredBy = () => {