Themes tab: Add QuickCss button (#1475)

This commit is contained in:
Aayush Shah 2023-07-26 05:14:57 +05:45 committed by GitHub
parent 8620a1d86d
commit abf62f28db
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -21,7 +21,7 @@ import { Link } from "@components/Link";
import { Margins } from "@utils/margins"; import { Margins } from "@utils/margins";
import { useAwaiter } from "@utils/react"; import { useAwaiter } from "@utils/react";
import { findLazy } from "@webpack"; 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"; import { SettingsTab, wrapTab } from "./shared";
@ -112,7 +112,16 @@ function ThemesTab() {
<li> Click the fork button on the top right</li> <li> Click the fork button on the top right</li>
<li> Edit the file</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> 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> </ul>
<Forms.FormDivider className={Margins.top8 + " " + Margins.bottom16} />
<Button
onClick={() => VencordNative.quickCss.openEditor()}
size={Button.Sizes.SMALL}>
Open QuickCSS File
</Button>
</Forms.FormText> </Forms.FormText>
</Card> </Card>
<Forms.FormTitle tag="h5">Themes</Forms.FormTitle> <Forms.FormTitle tag="h5">Themes</Forms.FormTitle>