From 97176f9d3fd3afa593fd9bba373d97511efac2d6 Mon Sep 17 00:00:00 2001
From: Beef <beefers@riseup.net>
Date: Mon, 13 Feb 2023 23:44:32 +0000
Subject: [PATCH] [Hotfix] Hopefully get Vendetta working

---
 src/ui/settings/components/PluginCard.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/ui/settings/components/PluginCard.tsx b/src/ui/settings/components/PluginCard.tsx
index 132d21a..f1e3488 100644
--- a/src/ui/settings/components/PluginCard.tsx
+++ b/src/ui/settings/components/PluginCard.tsx
@@ -1,4 +1,5 @@
-import { ReactNative as RN, stylesheet, NavigationNative } from "@metro/common";
+import { ReactNative as RN, stylesheet, constants, NavigationNative } from "@metro/common";
+import { findByProps } from "@metro/filters";
 import { Forms, General } from "@ui/components";
 import { Plugin } from "@types";
 import { getAssetIDByName } from "@ui/assets";
@@ -6,18 +7,26 @@ import { showToast } from "@ui/toasts";
 import { removePlugin, startPlugin, stopPlugin, getSettings } from "@lib/plugins";
 import copyText from "@utils/copyText";
 
+//! This module is only found on 165.0+, under the assumption that iOS 165.0 is the same as Android 165.0.
+//* In 167.1 (Android alpha at the time of writing), stylesheet.ThemeColorMap is gone, and constants.ThemeColorMap has broken behaviour.
+//? SemanticColor is effectively ThemeColorMap
+//? RawColor is effectively Colors
+// TODO: Should this hotfix be moved elsewhere? Maybe a prop on window object, for plugins to use.
+const colorModule = findByProps("SemanticColorsByThemeTable");
+const colorMap = (colorModule?.SemanticColor ?? constants.ThemeColorMap);
+
 const { FormRow, FormSwitch } = Forms;
 const { TouchableOpacity, Image } = General;
 
 const styles = stylesheet.createThemedStyleSheet({
     card: {
-        backgroundColor: stylesheet.ThemeColorMap.BACKGROUND_SECONDARY,
+        backgroundColor: colorMap?.BACKGROUND_SECONDARY,
         borderRadius: 5,
         margin: 10,
         marginTop: 0,
     },
     header: {
-        backgroundColor: stylesheet.ThemeColorMap.BACKGROUND_TERTIARY,
+        backgroundColor: colorMap?.BACKGROUND_TERTIARY,
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
     },
@@ -30,7 +39,7 @@ const styles = stylesheet.createThemedStyleSheet({
         width: 22,
         height: 22,
         marginLeft: 5,
-        tintColor: stylesheet.ThemeColorMap.INTERACTIVE_NORMAL,
+        tintColor: colorMap?.INTERACTIVE_NORMAL,
     }
 })