Fixed forums

Author: Gibbu

.github/ISSUE_TEMPLATE/bug-report.md

@@ -4,23 +4,27 @@ about: Something needs fixing
 title: Brief description of the bug
 labels: bug
 assignees: ''
-
 ---
 
 ### Describe the bug
-*A clear and concise description of what the bug is*  
 
-### To Reproduce  
-*Steps to reproduce the behavior*  
+_A clear and concise description of what the bug is_
+
+### To Reproduce
+
+_Steps to reproduce the behavior_
 
 ### Screenshots
-*If applicable, add screenshots to help explain your problem*
+
+_If applicable, add screenshots to help explain your problem_
 
 ### Infomation (please complete the following information)
-**Discord channel**: *Stable/PTB/Canary*  
-**OS**: *Windows/Linux/OSX*  
-**Mod**: *BetterDiscord/Powercord/GooseMod*  
-**Discord language**: *Your language*  
+
+**Discord channel**: _Stable/PTB/Canary_  
+**OS**: _Windows/Linux/OSX_  
+**Mod**: _BetterDiscord/Powercord/GooseMod_  
+**Discord language**: _Your language_
 
 ### Additional context
-*Add any other context about the problem here. Remove if not applicable.*  
+
+_Add any other context about the problem here. Remove if not applicable._

.github/workflows/compile.yml

@@ -1,31 +1,31 @@
-name: "Compile SCSS"
+name: 'Compile SCSS'
 
-on: "push"
+on: 'push'
 
 jobs:
   build:
-    name: "Build CSS"
-    runs-on: "ubuntu-latest"
+    name: 'Build CSS'
+    runs-on: 'ubuntu-latest'
     steps:
-      - name: "Checkout Repo"
-        uses: "actions/checkout@v2"
-      - name: "Setup NodeJS"
-        uses: "actions/setup-node@v1"
+      - name: 'Checkout Repo'
+        uses: 'actions/checkout@v2'
+      - name: 'Setup NodeJS'
+        uses: 'actions/setup-node@v1'
         with:
           node-version: 16
-      - name: "Install PNPM"
-        uses: "pnpm/action-setup@v2.1.0"
+      - name: 'Install PNPM'
+        uses: 'pnpm/action-setup@v2.1.0'
         with:
           version: 6.0.2
-      - name: "Clean install of dependencies"
-        run: "pnpm i"
-      - name: "Run build script"
-        run: "pnpm build"
-      - name: "Copy powercord_manifest.json"
-        run: "cp powercord_manifest.json dist/powercord_manifest.json"
-      - name: "Deploy"
-        uses: "peaceiris/actions-gh-pages@v3"
+      - name: 'Clean install of dependencies'
+        run: 'pnpm i'
+      - name: 'Run build script'
+        run: 'pnpm build'
+      - name: 'Copy powercord_manifest.json'
+        run: 'cp powercord_manifest.json dist/powercord_manifest.json'
+      - name: 'Deploy'
+        uses: 'peaceiris/actions-gh-pages@v3'
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_branch: "deploy"
-          publish_dir: "./dist"
+          publish_branch: 'deploy'
+          publish_dir: './dist'

.prettierrc

@@ -2,5 +2,6 @@
 	"useTabs": true,
 	"tabWidth": 2,
 	"trailingComma": "none",
-	"printWidth": 240
-}
+	"printWidth": 240,
+	"singleQuote": true
+}

CONTRIBUTING.md

@@ -3,6 +3,7 @@ So, you're looking to contribute? Nice!
 This will help you get started.
 
 ## Prerequisites
+
 - Basic knowledge of NodeJS.
 - Basic knowledge of SCSS/CSS.
 - Basic knowledge of Git/GitHub.
@@ -12,11 +13,13 @@ Install Dependencies:
 Open a terminal/command prompt and use the following command: `npm install` in the FrostedGlass folder.
 
 ## Development
+
 Run the `dev` script with: `npm run dev`.  
 This will watch for changes inside the `/src` folder and then auto compile them into your BetterDiscord themes folder.
 
 ## Deploying
+
 Simply push your changes to the `master` branch and make a pull request.  
-If all is well you PR will be accepted and merged with the `master` branch.  
+If all is well you PR will be accepted and merged with the `master` branch.
 
-This will then trigger an action to compile the `/src/_base.css` to the `deploy` branch.
+This will then trigger an action to compile the `/src/_base.css` to the `deploy` branch.

LICENSE.md

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

bd-scss.config.js

@@ -8,10 +8,10 @@ export default {
 		invite: 'ZHthyCw',
 		authorId: '174868361040232448',
 		source: 'https://github.com/DiscordStyles/FrostedGlass',
-		website: 'https://gibbu.me/',
+		website: 'https://gibbu.me/'
 	},
 	base: {
 		output: 'dist/dist'
 	},
 	baseImport: 'https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css'
-}
+};

powercord_manifest.json

@@ -1,9 +1,9 @@
 {
-    "name": "Frosted Glass",
-    "description": "Display your picture of choice with adjustable blur and brightness. Dark theme is required.",
-    "version": "1.0.0",
-    "author": "Gibbu#1211",
-    "theme": "dist/FrostedGlass.theme.css",
-    "consent": ["ext_listing"],
-    "license": "MIT"
-}
+	"name": "Frosted Glass",
+	"description": "Display your picture of choice with adjustable blur and brightness. Dark theme is required.",
+	"version": "1.0.0",
+	"author": "Gibbu#1211",
+	"theme": "dist/FrostedGlass.theme.css",
+	"consent": ["ext_listing"],
+	"license": "MIT"
+}

src/base.scss

@@ -1 +1 @@
-@use './theme';
+@use './theme';

src/core/_root.scss

@@ -1,11 +1,11 @@
 /* Old Windows titlebar - remove this @import if you wish to use default titlebar */
-@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css");
+@import url('https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css');
 
 :root {
 	/*
 	 * Background image variables
 	 */
-	--background-image: url("https://i.imgur.com/kYW2H5C.jpg"); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
+	--background-image: url('https://i.imgur.com/kYW2H5C.jpg'); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
 	--background-image-blur: 5px; /* Blur intensity of --background-image | Must end in px | DEFAULT: 5px */
 	--background-image-size: cover; /* Size of the background image | DEFAUT: cover | OPTIONS: cover, contain */
 	--background-image-position: center; /* Position of background image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */
@@ -30,8 +30,8 @@
 	/*
 	 * Home image variables
 	 */
-	--home-button-image: url("https://discordstyles.github.io/FrostedGlass/discord.svg"); /* Home button image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
-	--home-button-size: cover; /* Size of the home button image | DEFAUT: cover */
+	--home-button-image: url('https://discordstyles.github.io/FrostedGlass/discord.svg'); /* Home button image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
+	--home-button-size: 60%; /* Size of the home button image | DEFAUT: cover */
 	--home-button-position: center; /* Position of home button image | DEAFULT: center */
 
 	/*
@@ -68,7 +68,7 @@
    * Visit https://fonts.google.com and select one to your liking.
    * Now just follow this tutorial: https://imgur.com/a/CNbw7xC
    */
-	--font: "Whitney";
+	--font: 'Whitney';
 
 	/*
 	 * ~~DO NOT TOUCH~~

src/dev.scss

@@ -1,2 +1,2 @@
 @use './core/root';
-@use './theme';
+@use './theme';