diff options
| author | Aayush Shah <58813006+akumaaayush@users.noreply.github.com> | 2023-07-26 05:14:57 +0545 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-26 01:29:57 +0200 |
| commit | abf62f28db683cb3410c599d4d97101620b8e89b (patch) | |
| tree | 6a78af386cf132b4abf72274273ba85d74b65df9 | |
| parent | 8620a1d86d302c23d51c1f6795f32cc8eb5e9207 (diff) | |
| download | Vencord-abf62f28db683cb3410c599d4d97101620b8e89b.tar.gz Vencord-abf62f28db683cb3410c599d4d97101620b8e89b.tar.bz2 Vencord-abf62f28db683cb3410c599d4d97101620b8e89b.zip | |
Themes tab: Add QuickCss button (#1475)
| -rw-r--r-- | src/components/VencordSettings/ThemesTab.tsx | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/VencordSettings/ThemesTab.tsx b/src/components/VencordSettings/ThemesTab.tsx index 79ddc50..a670394 100644 --- a/src/components/VencordSettings/ThemesTab.tsx +++ b/src/components/VencordSettings/ThemesTab.tsx @@ -21,7 +21,7 @@ import { Link } from "@components/Link"; import { Margins } from "@utils/margins"; import { useAwaiter } from "@utils/react"; import { findLazy } from "@webpack"; -import { Card, Forms, React, TextArea } from "@webpack/common"; +import { Button, Card, Forms, React, TextArea } from "@webpack/common"; import { SettingsTab, wrapTab } from "./shared"; @@ -112,7 +112,16 @@ function ThemesTab() { <li>• Click the fork button on the top right</li> <li>• Edit the file</li> <li>• Use the link to your own repository instead</li> + <li>• Use the link to your own repository instead </li> + <li>OR</li> + <li>• Paste the contents of the edited theme file into the QuickCSS editor</li> </ul> + <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom16} /> + <Button + onClick={() => VencordNative.quickCss.openEditor()} + size={Button.Sizes.SMALL}> + Open QuickCSS File + </Button> </Forms.FormText> </Card> <Forms.FormTitle tag="h5">Themes</Forms.FormTitle> |