Add ModTitle

ModTitle/README.md

@@ -0,0 +1,25 @@
+# Client Mod Title
+![Status: working](https://img.shields.io/badge/status-working-green?style=flat-square)
+
+Changes the wordmark in the titlebar to the current client mod.
+
+Currently supported client mods:
+- BetterDiscord
+- Replugged
+- Vencord
+- Shelter
+
+If none of the above are detected, the wordmark will display "Modified Discord".
+
+![ModTitle applied to Vencord](preview.avif) 
+
+## Usage
+### Custom / Quick CSS
+Paste the following at the start:
+```css
+@import url("https://minidiscordthemes.github.io/Snippets/ModTitle/ModTitle.css");
+```
+### Vencord Themes
+```
+https://minidiscordthemes.github.io/Snippets/ModTitle/ModTitle.css
+```

ModTitle/scss/ModTitle.scss

@@ -0,0 +1,35 @@
+// Wordmark by client mod
+.wordmark-2u86JB {
+    pointer-events: unset;
+    padding: 0;
+
+    > svg {
+        display: none;
+    }
+
+    &::after {
+        position: absolute;
+        top: 4px;
+        padding: 4px 9px 3px;
+        font-size: 9px;
+        letter-spacing: 0.4px;
+        white-space: nowrap;
+        font-family: var(--font-headline);
+
+        content: "Modified Discord";
+
+        :root:has(#vencord-css-core) & {
+            content: "Vencord";
+        }
+        :root:has(link[href^="replugged"]) & {
+            content: "Replugged";
+        }
+        .bd-transparency & {
+            content: "BetterDiscord";
+        }
+        :root:has(script[src^="chrome-extension://cpojbkbhfkkljmlojagocnbmiaagkhkn"])
+        {
+            content: "Shelter";
+        }
+    }
+}