less obnoxious warning

index.tsx

@@ -14,6 +14,8 @@ import { Forms, Toasts, UserStore } from "@webpack/common";
 // eslint-disable-next-line unused-imports/no-unused-imports
 import { User } from "discord-types/general";
 
+import "./style.css";
+
 function isCurrentUser(userId: string) {
     const u = UserStore.getCurrentUser().id;
     return u == userId;
@@ -27,9 +29,14 @@ export default definePlugin({
         { name: "KrystalSkullOfficial", id: 929208515883569182n }
     ],
     settingsAboutComponent: () => <>
-        <Forms.FormTitle style={{ color: "red", fontSize: "2rem", fontWeight: "bold" }}>Only you can view the badges. No, this can't and won't be changed.</Forms.FormTitle>
-        <Forms.FormText>You may need to reload Discord after editing your settings for them to apply.</Forms.FormText>
+        <Forms.FormText className="vc-badges-warning">
+            Only you can view the badges. No, this can't and won't be changed.
+        </Forms.FormText>
+        <Forms.FormText className="vc-badges-notice">
+            You may need to reload Discord after editing your settings for them to apply.
+        </Forms.FormText>
     </>,
+
     settings: definePluginSettings({
         discordStaff: {
             type: OptionType.BOOLEAN,