semantic colors and padding updates

Opti-mod · Apr 24, 2024 · d0d42e8 · d0d42e8
1 parent c6b9a5a
commit d0d42e8
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 20 deletions.
diff --git a/dist/vendetta.js b/dist/vendetta.js
diff --git a/src/ui/components/ErrorBoundary.tsx b/src/ui/components/ErrorBoundary.tsx
@@ -24,9 +24,7 @@ const styles = stylesheet.createThemedStyleSheet({
     },
     br: {
         fontSize: 0,
-        paddingTop: 10,
-        paddingLeft: 10,
-        paddingRight: 10
+        padding: 2
       },
 });
 

diff --git a/src/ui/settings/components/Card.tsx b/src/ui/settings/components/Card.tsx
@@ -14,10 +14,12 @@ const styles = stylesheet.createThemedStyleSheet({
     card: {
         backgroundColor: semanticColors.BACKGROUND_SECONDARY,
         borderRadius: 7,
+        borderColor: semanticColors.BACKGROUND_TERTIARY,
+        borderWidth: 1,
     },
     header: {
         padding: 0,
-        backgroundColor: semanticColors.PRIMARY_DARK_800,
+        backgroundColor: semanticColors.PRIMARY_DARK,
         color: semanticColors.HEADER_PRIMARY,
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
@@ -34,7 +36,7 @@ const styles = stylesheet.createThemedStyleSheet({
         width: 22,
         height: 22,
         marginLeft: 5,
-        tintColor: semanticColors?.INTERACTIVE_NORMAL,
+        tintColor: semanticColors.INTERACTIVE_NORMAL,
     },
 })
 

diff --git a/src/ui/settings/components/Version.tsx b/src/ui/settings/components/Version.tsx
@@ -17,7 +17,7 @@ export default function Version({ label, version, icon }: VersionProps) {
         <FormRow
             label={label}
             leading={<FormRow.Icon source={getAssetIDByName(icon)} />}
-            trailing={<FormText style={{color: semanticColors.TEXT_MUTED, fontSize: 12}}>{version}</FormText>}
+            trailing={<FormText style={{color: semanticColors.TEXT_NORMAL, fontSize: 13}}>{version}</FormText>}
             onPress={() => {
                 clipboard.setString(`${label} - ${version}`);
                 showToast("Copied version to clipboard.", getAssetIDByName("toast_copy_link"));

diff --git a/src/ui/settings/data.tsx b/src/ui/settings/data.tsx
@@ -25,6 +25,7 @@ interface Screen {
     key: string;
     title: string;
     icon?: string;
+    trailing?: string;
     shouldRender?: () => boolean;
     options?: Record<string, any>;
     render: React.ComponentType<any>;

diff --git a/src/ui/settings/pages/Addons.tsx b/src/ui/settings/pages/Addons.tsx
@@ -25,27 +25,21 @@ export default function Addons() {
     }
 
     return (
-        <RN.View style={{ flexDirection:"row",  marginTop: 5, margin: 5 }}>
+        <RN.View style={{ flexDirection:"row",  marginTop: 5, padding: 2, }}>
                 <Button
                     color={Button.Colors.BRAND}
                     size={Button.Sizes.MEDIUM}
                     look={Button.Looks.FILLED}
-                    onPress={() =>
-                        setSelectedTab('Plugins')
-                    }
+                    onPress={() => setSelectedTab('Plugins') }
                     text="Plugins"
                 />
-
                 <Button
                     color={Button.Colors.BRAND}
                     size={Button.Sizes.MEDIUM}
                     look={Button.Looks.FILLED}
-                    onPress={() =>
-                        setSelectedTab('Shaders')
-                    }
+                    onPress={() => setSelectedTab('Shaders') }
                     text="Shaders"
                 />
-
             <RN.View>
             {SelectedTab()}
             </RN.View>