diff --git a/src/components/BestRepository.tsx b/src/components/BestRepository.tsx
index 052670a..b8656b9 100644
--- a/src/components/BestRepository.tsx
+++ b/src/components/BestRepository.tsx
@@ -1,9 +1,8 @@
 import Link from "next/link";
-
-import { FC } from "react";
+import { format as formatTimeAgo } from "timeago.js";
 import z from "zod";
 
-import { format as formatTimeAgo } from "timeago.js";
+import { FC } from "react";
 
 import { RepositoryResponse } from "@models/git/responses";
 
diff --git a/src/components/FeaturedRepositories.tsx b/src/components/FeaturedRepositories.tsx
index ec19708..ab8faac 100644
--- a/src/components/FeaturedRepositories.tsx
+++ b/src/components/FeaturedRepositories.tsx
@@ -1,15 +1,14 @@
-import z from "zod";
-import { FC } from "react";
-
+import Link from "next/link";
 import { format as formatTimeAgo } from "timeago.js";
+import z from "zod";
 
-import Link from "next/link";
+import styles from "./repositories.module.scss";
 
-import multipleClassNames from "@utils/multipleClassNames";
+import { FC } from "react";
 
 import { RepositoryResponse } from "@models/git/responses";
 
-import styles from "./repositories.module.scss";
+import multipleClassNames from "@utils/multipleClassNames";
 
 const FeaturedRepositories: FC<{
 	repositories: z.infer<typeof RepositoryResponse>[];
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index dea584e..bc9f26b 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,12 +1,12 @@
-import { FC } from "react";
-
 import Link from "next/link";
 
-import multipleClassNames from "@utils/multipleClassNames";
-import { giteaServerUrl, giteaUsername } from "@utils/config";
-
 import styles from "./footer.module.scss";
 
+import { FC } from "react";
+
+import { giteaServerUrl, giteaUsername } from "@utils/config";
+import multipleClassNames from "@utils/multipleClassNames";
+
 const Footer: FC = () => {
 	return (
 		<footer className={multipleClassNames("container", styles.main)}>
diff --git a/src/components/LoginForm.tsx b/src/components/LoginForm.tsx
index 7e51e00..c78eed3 100644
--- a/src/components/LoginForm.tsx
+++ b/src/components/LoginForm.tsx
@@ -1,14 +1,14 @@
 import { useRouter } from "next/router";
 
-import axios from "axios";
-
 import { FC, FormEvent, useCallback, useState } from "react";
 
+import axios from "axios";
+
 import { LoginCredentials } from "@models/login";
 import { Response } from "@models/response";
 
-import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
 import { parseUserInputError } from "@utils/errors";
+import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
 
 const LoginForm: FC = () => {
 	const [username, setUsername] = useState("");
@@ -87,7 +87,7 @@ const LoginForm: FC = () => {
 					<i className="form-icon" /> Remember me
 				</label>
 				{error !== null && (
-					<div className="toast toast-error">
+					<div className="toast toast-error mb-2">
 						<button
 							className="btn btn-clear float-right"
 							onClick={() => setError(null)}
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index 48afeb6..fea7c25 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -1,14 +1,14 @@
-import { FC } from "react";
-
 import Link from "next/link";
 
+import styles from "./post.module.scss";
+
+import { FC } from "react";
+
 import { Post, User } from "@prisma/client";
 
 import multipleClassNames from "@utils/multipleClassNames";
 
-import styles from "./post.module.scss";
-
-const Post: FC<{
+const PostsPage: FC<{
 	post: Post & {
 		author: User;
 	};
@@ -51,4 +51,4 @@ const Post: FC<{
 	);
 };
 
-export default Post;
+export default PostsPage;
diff --git a/src/components/SignupForm.tsx b/src/components/SignupForm.tsx
index abbd4e9..4d7d610 100644
--- a/src/components/SignupForm.tsx
+++ b/src/components/SignupForm.tsx
@@ -1,14 +1,14 @@
-import axios from "axios";
+import { useRouter } from "next/router";
 
 import { FC, FormEvent, useCallback, useState } from "react";
 
-import { useRouter } from "next/router";
+import axios from "axios";
 
-import { SignupCredentials } from "@models/signup";
 import { Response } from "@models/response";
+import { SignupCredentials } from "@models/signup";
 
-import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
 import { parseUserInputError } from "@utils/errors";
+import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
 
 const SignupForm: FC = () => {
 	const [email, setEmail] = useState("");
diff --git a/src/components/ThemeChanger.tsx b/src/components/ThemeChanger.tsx
index f329c08..153d752 100644
--- a/src/components/ThemeChanger.tsx
+++ b/src/components/ThemeChanger.tsx
@@ -1,9 +1,9 @@
-import { FC, useEffect, useState } from "react";
-
 import { useTheme } from "next-themes";
 
 import styles from "./themeChanger.module.scss";
 
+import { FC, useEffect, useState } from "react";
+
 const ThemeChanger: FC = () => {
 	const [mounted, setMounted] = useState(false);
 	const { theme, setTheme } = useTheme();
diff --git a/src/components/User.tsx b/src/components/User.tsx
index f30f71f..28d0884 100644
--- a/src/components/User.tsx
+++ b/src/components/User.tsx
@@ -1,14 +1,15 @@
-import { FC } from "react";
+import Image from "next/image";
 import z from "zod";
 
-import Image from "next/image";
+import styles from "./user.module.scss";
+
+import { FC } from "react";
 
 import { UserResponse } from "@models/git/responses";
+
 import { giteaServerUrl } from "@utils/config";
 import multipleClassNames from "@utils/multipleClassNames";
 
-import styles from "./user.module.scss";
-
 const User: FC<{ isAvailable: boolean; user: z.infer<typeof UserResponse> }> =
 	({ isAvailable, user }) => {
 		return (
diff --git a/src/components/footer.module.scss b/src/components/footer.module.scss
index 1544104..719331f 100644
--- a/src/components/footer.module.scss
+++ b/src/components/footer.module.scss
@@ -1,6 +1,6 @@
 $margin: 1rem;
 
 .main {
-    margin-top: $margin;
-    margin-bottom: $margin;
-}
\ No newline at end of file
+	margin-top: $margin;
+	margin-bottom: $margin;
+}
diff --git a/src/components/post.module.scss b/src/components/post.module.scss
index 7d23038..904abf6 100644
--- a/src/components/post.module.scss
+++ b/src/components/post.module.scss
@@ -1,7 +1,7 @@
 .body {
-    padding: 1rem;
+	padding: 1rem;
 }
 
 .info {
-    text-align: right;
-}
\ No newline at end of file
+	text-align: right;
+}
diff --git a/src/components/repositories.module.scss b/src/components/repositories.module.scss
index 36b9a18..a929c79 100644
--- a/src/components/repositories.module.scss
+++ b/src/components/repositories.module.scss
@@ -1,7 +1,7 @@
 .card {
-    border: 0;
+	border: 0;
 }
 
 .main {
-    margin-bottom: 3rem;
-}
\ No newline at end of file
+	margin-bottom: 3rem;
+}
diff --git a/src/components/themeChanger.module.scss b/src/components/themeChanger.module.scss
index 429c216..0e635b9 100644
--- a/src/components/themeChanger.module.scss
+++ b/src/components/themeChanger.module.scss
@@ -1,7 +1,7 @@
 .main {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
+	position: absolute;
+	top: 1rem;
+	right: 1rem;
 
-    cursor: pointer;
-}
\ No newline at end of file
+	cursor: pointer;
+}
diff --git a/src/components/user.module.scss b/src/components/user.module.scss
index 2f918f0..079fca1 100644
--- a/src/components/user.module.scss
+++ b/src/components/user.module.scss
@@ -1,18 +1,17 @@
 .main {
-    padding-top: 10rem;
-    margin-bottom: 2rem;
+	padding-top: 10rem;
+	margin-bottom: 2rem;
 }
 
-
 .avatar {
-    border-radius: 5px;
+	border-radius: 5px;
 }
 
 .avatarContainer {
-    margin-right: 2rem;
+	margin-right: 2rem;
 }
 
 .avatarCol {
-    display: flex;
-    justify-content: right;
-}
\ No newline at end of file
+	display: flex;
+	justify-content: right;
+}
diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss
index de4585a..1ba5fe0 100644
--- a/src/pages/404.module.scss
+++ b/src/pages/404.module.scss
@@ -1,8 +1,8 @@
 .main {
-    height: 100vh;
-    margin-bottom: 1rem;
+	height: 100vh;
+	margin-bottom: 1rem;
 
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
\ No newline at end of file
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 4a18bfa..57058e1 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,11 +1,11 @@
 import { NextPage } from "next";
 import { useRouter } from "next/router";
 
-import Layout from "@components/Layout";
+import styles from "./404.module.scss";
 
 import multipleClassNames from "@utils/multipleClassNames";
 
-import styles from "./404.module.scss";
+import Layout from "@components/Layout";
 
 const NotFound: NextPage = () => {
 	const router = useRouter();
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index b2d74dd..5860131 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,14 +1,12 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
-import "@styles/globals.scss";
-
-import SEO from "../next-seo.config";
-
 import { DefaultSeo } from "next-seo";
 import { ThemeProvider } from "next-themes";
-
 import type { AppProps } from "next/app";
 
+import SEO from "../next-seo.config";
+
+import "@styles/globals.scss";
+
 const queryClient = new QueryClient();
 
 const App = ({ Component, pageProps }: AppProps): JSX.Element => (
diff --git a/src/pages/admin.module.scss b/src/pages/admin.module.scss
index f685f50..0a210a4 100644
--- a/src/pages/admin.module.scss
+++ b/src/pages/admin.module.scss
@@ -1,3 +1,3 @@
 .body {
-    padding: 10rem 0;
-}
\ No newline at end of file
+	padding: 10rem 0;
+}
diff --git a/src/pages/admin.tsx b/src/pages/admin.tsx
index 9c4a68a..46054da 100644
--- a/src/pages/admin.tsx
+++ b/src/pages/admin.tsx
@@ -1,14 +1,14 @@
 import { NextPage } from "next";
 import { NextSeo } from "next-seo";
 
-import { Post, User } from "@prisma/client";
+import styles from "./admin.module.scss";
 
-import Layout from "@components/Layout";
+import { Post, User } from "@prisma/client";
 
-import { withSessionSsr } from "@utils/session";
 import prisma from "@utils/prisma";
+import { withSessionSsr } from "@utils/session";
 
-import styles from "./admin.module.scss";
+import Layout from "@components/Layout";
 
 const AdminPage: NextPage<{
 	user: User;
diff --git a/src/pages/api/blog/new.ts b/src/pages/api/blog/new.ts
index 1fa08d4..c63da6f 100644
--- a/src/pages/api/blog/new.ts
+++ b/src/pages/api/blog/new.ts
@@ -1,11 +1,11 @@
 import { NextApiHandler } from "next";
 
+import { Post } from "@models/post";
+import { Response } from "@models/response";
+
 import { methodNotAllowed, unauthorized } from "@utils/errors";
-import { withIronSession } from "@utils/session";
 import prisma from "@utils/prisma";
-
-import { Response } from "@models/response";
-import { Post } from "@models/post";
+import { withIronSession } from "@utils/session";
 
 const handle: NextApiHandler<Response> = async (req, res) => {
 	if (req.method?.toUpperCase() != "POST") {
diff --git a/src/pages/api/login.ts b/src/pages/api/login.ts
index fba72d4..2997df8 100644
--- a/src/pages/api/login.ts
+++ b/src/pages/api/login.ts
@@ -4,9 +4,9 @@ import { NextApiHandler } from "next";
 import { LoginCredentials } from "@models/login";
 import { Response } from "@models/response";
 
-import { withIronSession } from "@utils/session";
 import { methodNotAllowed, unauthorized } from "@utils/errors";
 import prisma from "@utils/prisma";
+import { withIronSession } from "@utils/session";
 
 const handle: NextApiHandler<Response> = async (req, res) => {
 	if (req.method?.toUpperCase() !== "POST") {
diff --git a/src/pages/api/logout.ts b/src/pages/api/logout.ts
index 7ab36aa..b705dd1 100644
--- a/src/pages/api/logout.ts
+++ b/src/pages/api/logout.ts
@@ -1,9 +1,10 @@
 import { NextApiHandler } from "next";
 
-import { withIronSession } from "@utils/session";
-import { methodNotAllowed, unauthorized } from "@utils/errors";
 import { Response } from "@models/response";
 
+import { methodNotAllowed, unauthorized } from "@utils/errors";
+import { withIronSession } from "@utils/session";
+
 const handle: NextApiHandler<Response> = (req, res) => {
 	if (req.method?.toUpperCase() != "GET") {
 		res.status(405).json(methodNotAllowed);
diff --git a/src/pages/api/settings.ts b/src/pages/api/settings.ts
index 5414381..6b23224 100644
--- a/src/pages/api/settings.ts
+++ b/src/pages/api/settings.ts
@@ -1,7 +1,7 @@
-import { Response } from "@models/response";
-
 import { NextApiHandler } from "next";
 
+import { Response } from "@models/response";
+
 import { registrationIsEnabled } from "@utils/config";
 import { methodNotAllowed } from "@utils/errors";
 
diff --git a/src/pages/api/signup.ts b/src/pages/api/signup.ts
index 5c129c8..fe97c32 100644
--- a/src/pages/api/signup.ts
+++ b/src/pages/api/signup.ts
@@ -1,15 +1,13 @@
 import bcrypt from "bcrypt";
-
 import { NextApiHandler } from "next";
 
-import prisma from "@utils/prisma";
-
-import { SignupCredentials } from "@models/signup";
 import { Response } from "@models/response";
+import { SignupCredentials } from "@models/signup";
 
-import { withIronSession } from "@utils/session";
-import { methodNotAllowed } from "@utils/errors";
 import { registrationIsEnabled, saltRoundsForPassword } from "@utils/config";
+import { methodNotAllowed } from "@utils/errors";
+import prisma from "@utils/prisma";
+import { withIronSession } from "@utils/session";
 
 const handle: NextApiHandler<Response> = async (req, res) => {
 	if (!registrationIsEnabled) {
diff --git a/src/pages/blog/[id].module.scss b/src/pages/blog/[id].module.scss
index f685f50..0a210a4 100644
--- a/src/pages/blog/[id].module.scss
+++ b/src/pages/blog/[id].module.scss
@@ -1,3 +1,3 @@
 .body {
-    padding: 10rem 0;
-}
\ No newline at end of file
+	padding: 10rem 0;
+}
diff --git a/src/pages/blog/[id].tsx b/src/pages/blog/[id].tsx
index c0d5b58..ce94899 100644
--- a/src/pages/blog/[id].tsx
+++ b/src/pages/blog/[id].tsx
@@ -1,14 +1,14 @@
-import { NextSeo } from "next-seo";
 import { GetStaticPaths, GetStaticProps, NextPage } from "next";
+import { NextSeo } from "next-seo";
 
-import { Post, User } from "@prisma/client";
+import styles from "./[id].module.scss";
 
-import Layout from "@components/Layout";
-import Tags from "@components/Tags";
+import { Post, User } from "@prisma/client";
 
 import prisma from "@utils/prisma";
 
-import styles from "./[id].module.scss";
+import Layout from "@components/Layout";
+import Tags from "@components/Tags";
 
 const PostPage: NextPage<{
 	post: Post & {
diff --git a/src/pages/blog/blog.module.scss b/src/pages/blog/blog.module.scss
index ca2401a..d6985dd 100644
--- a/src/pages/blog/blog.module.scss
+++ b/src/pages/blog/blog.module.scss
@@ -1,10 +1,9 @@
 .body {
+	padding: 10rem 1rem;
 
-    padding: 10rem 1rem;
+	@media (max-width: 840px) {
+		padding: 2rem 1rem;
+	}
 
-    @media (max-width: 840px) {
-        padding: 2rem 1rem;
-    }
-
-    min-height: 100vh;
-}
\ No newline at end of file
+	min-height: 100vh;
+}
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 9c57920..824b6ec 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -1,16 +1,15 @@
 import { GetStaticProps, NextPage } from "next";
 import { NextSeo } from "next-seo";
 
-import { Post, User } from "@prisma/client";
+import styles from "./blog.module.scss";
 
-import Layout from "@components/Layout";
+import { Post, User } from "@prisma/client";
 
 import prisma from "@utils/prisma";
 
+import Layout from "@components/Layout";
 import PostComponent from "@components/Post";
 
-import styles from "./blog.module.scss";
-
 const Blog: NextPage<{
 	posts: (Post & {
 		author: User;
diff --git a/src/pages/blog/new.module.scss b/src/pages/blog/new.module.scss
index e59a88b..e0083a4 100644
--- a/src/pages/blog/new.module.scss
+++ b/src/pages/blog/new.module.scss
@@ -1,4 +1,4 @@
 .body {
-    height: 100vh;
-    padding: 10rem 0;
-}
\ No newline at end of file
+	height: 100vh;
+	padding: 10rem 0;
+}
diff --git a/src/pages/blog/new.tsx b/src/pages/blog/new.tsx
index e1676e3..aa0a952 100644
--- a/src/pages/blog/new.tsx
+++ b/src/pages/blog/new.tsx
@@ -1,23 +1,23 @@
-import axios from "axios";
-
-import { FormEvent, useCallback, useState } from "react";
-
 import { NextPage } from "next";
 import { NextSeo } from "next-seo";
 import { useRouter } from "next/router";
 
-import { User } from "@prisma/client";
+import styles from "./new.module.scss";
 
-import Layout from "@components/Layout";
+import { FormEvent, useCallback, useState } from "react";
 
-import { withSessionSsr } from "@utils/session";
-import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
-import { parseUserInputError } from "@utils/errors";
+import axios from "axios";
+
+import { User } from "@prisma/client";
 
 import { Post } from "@models/post";
 import { Response } from "@models/response";
 
-import styles from "./new.module.scss";
+import { parseUserInputError } from "@utils/errors";
+import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
+import { withSessionSsr } from "@utils/session";
+
+import Layout from "@components/Layout";
 
 const NewPostPage: NextPage<{ user: User }> = ({ user }) => {
 	const [title, setTitle] = useState("");
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 227a3c1..c35176f 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,22 +1,20 @@
-import z from "zod";
-
-import { NextSeo } from "next-seo";
-
 import { GetStaticProps, InferGetStaticPropsType, NextPage } from "next";
-
-import User from "@components/User";
-import Layout from "@components/Layout";
-import FeaturedRepositories from "@components/FeaturedRepositories";
-import BestRepository from "@components/BestRepository";
+import { NextSeo } from "next-seo";
+import z from "zod";
 
 import { RepositoryResponse } from "@models/git/responses";
 
+import { giteaUsername } from "@utils/config";
 import {
 	fetchAvailability,
 	fetchRepositories,
 	fetchUser
 } from "@utils/git/fetch";
-import { giteaUsername } from "@utils/config";
+
+import BestRepository from "@components/BestRepository";
+import FeaturedRepositories from "@components/FeaturedRepositories";
+import Layout from "@components/Layout";
+import User from "@components/User";
 
 export const getStaticProps: GetStaticProps = async () => {
 	const isAvailable = await fetchAvailability();
diff --git a/src/pages/login.module.scss b/src/pages/login.module.scss
index f9aae6c..64fe3e6 100644
--- a/src/pages/login.module.scss
+++ b/src/pages/login.module.scss
@@ -1,21 +1,21 @@
 .body {
-    height: 100vh;
-    padding: 10rem 0;
+	height: 100vh;
+	padding: 10rem 0;
 }
 
 .title {
-    text-align: center;
+	text-align: center;
 }
 
 .divider {
-    margin: 0 1rem;
+	margin: 0 1rem;
 }
 
 .loginButton,
 .signupButton {
-    width: 100%;
+	width: 100%;
 }
 
 .signupButton {
-    margin-top: .5rem;
-}
\ No newline at end of file
+	margin-top: 0.5rem;
+}
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 83bb5da..e4f7a77 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -1,19 +1,16 @@
-import z from "zod";
-
-import axios from "axios";
-
 import { useQuery } from "@tanstack/react-query";
-
 import { NextPage } from "next";
 import { NextSeo } from "next-seo";
+import z from "zod";
 
-import Layout from "@components/Layout";
+import styles from "./login.module.scss";
 
-import multipleClassNames from "@utils/multipleClassNames";
-import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
+import axios from "axios";
 
-import styles from "./login.module.scss";
+import { parseAxiosError, parseAxiosResponse } from "@utils/fetch";
+import multipleClassNames from "@utils/multipleClassNames";
 
+import Layout from "@components/Layout";
 import LoginForm from "@components/LoginForm";
 import SignupForm from "@components/SignupForm";
 
diff --git a/src/styles/_dark.scss b/src/styles/_dark.scss
index fec0738..0e5245b 100644
--- a/src/styles/_dark.scss
+++ b/src/styles/_dark.scss
@@ -1,108 +1,104 @@
 [data-theme="dark"] {
-
-    body {
-        background-color: $bg-dark;
-        color: $text-primary;
-    }
-
-    .empty {
-        background-color: $bg-dark-secondary;
-        color: $text-primary;
-    }
-
-    .card {
-        background-color: $bg-dark;
-    }
-
-    .form-input,
-    .form-icon {
-        background-color: $bg-dark-secondary !important;
-        color: $text-primary;
-        border-color: lighten($bg-dark-secondary, 10%);
-    }
-
-    .divider-vert {
-        &::before {
-            border-color: lighten($bg-dark-secondary, 10%);
-        }
-
-        &[data-content]::after {
-            background-color: $bg-dark;
-        }
-    }
-
-    .bg-gray {
-        background-color: $bg-dark-secondary !important;
-    }
-
-    .chip {
-        background-color: lighten($bg-dark-secondary, 10%);
-    }
-
-    .divider {
-        border-color: $bg-dark-secondary;
-    }
-
-    .table {
-
-        td,
-        th {
-            border-color: lighten($bg-dark-secondary, 10%);
-        }
-    }
-
-    .table tbody tr.active,
-    .table.table-striped tbody tr.active {
-        background: $bg-dark-secondary
-    }
-
-    a:hover {
-        color: $primary-color-dark;
-    }
-
-    a {
-        color: $primary-color;
-    }
-
-    .text-primary {
-        color: $primary-color !important;
-    }
-
-    .bg-primary {
-        background-color: $primary-color !important;
-    }
-
-    .btn {
-        background-color: $bg-dark-secondary;
-        color: $primary-color;
-
-        border-color: $primary-color;
-
-        &:hover {
-            border-color: $primary-color;
-        }
-
-        &:focus {
-            border-color: $primary-color;
-        }
-    }
-
-    .btn-primary {
-        background-color: $primary-color;
-        border-color: $primary-color;
-
-        color: $text-primary;
-
-        &:hover {
-            background-color: $primary-color-dark;
-            border-color: $primary-color-dark;
-        }
-
-        &:focus {
-            background-color: $primary-color-dark;
-            border-color: $primary-color-dark;
-        }
-    }
-
-
-}
\ No newline at end of file
+	body {
+		background-color: $bg-dark;
+		color: $text-primary;
+	}
+
+	.empty {
+		background-color: $bg-dark-secondary;
+		color: $text-primary;
+	}
+
+	.card {
+		background-color: $bg-dark;
+	}
+
+	.form-input,
+	.form-icon {
+		background-color: $bg-dark-secondary !important;
+		color: $text-primary;
+		border-color: lighten($bg-dark-secondary, 10%);
+	}
+
+	.divider-vert {
+		&::before {
+			border-color: lighten($bg-dark-secondary, 10%);
+		}
+
+		&[data-content]::after {
+			background-color: $bg-dark;
+		}
+	}
+
+	.bg-gray {
+		background-color: $bg-dark-secondary !important;
+	}
+
+	.chip {
+		background-color: lighten($bg-dark-secondary, 10%);
+	}
+
+	.divider {
+		border-color: $bg-dark-secondary;
+	}
+
+	.table {
+		td,
+		th {
+			border-color: lighten($bg-dark-secondary, 10%);
+		}
+	}
+
+	.table tbody tr.active,
+	.table.table-striped tbody tr.active {
+		background: $bg-dark-secondary;
+	}
+
+	a:hover {
+		color: $primary-color-dark;
+	}
+
+	a {
+		color: $primary-color;
+	}
+
+	.text-primary {
+		color: $primary-color !important;
+	}
+
+	.bg-primary {
+		background-color: $primary-color !important;
+	}
+
+	.btn {
+		background-color: $bg-dark-secondary;
+		color: $primary-color;
+
+		border-color: $primary-color;
+
+		&:hover {
+			border-color: $primary-color;
+		}
+
+		&:focus {
+			border-color: $primary-color;
+		}
+	}
+
+	.btn-primary {
+		background-color: $primary-color;
+		border-color: $primary-color;
+
+		color: $text-primary;
+
+		&:hover {
+			background-color: $primary-color-dark;
+			border-color: $primary-color-dark;
+		}
+
+		&:focus {
+			background-color: $primary-color-dark;
+			border-color: $primary-color-dark;
+		}
+	}
+}
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 948f07a..b845781 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -10,4 +10,4 @@ $bg-dark: $dark-color;
 $bg-dark-secondary: $dark-color-secondary;
 
 $text-primary: $light-color;
-$text-secondary: darken($light-color, 10%);
\ No newline at end of file
+$text-secondary: darken($light-color, 10%);
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 9fff401..01ed7aa 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -6,5 +6,5 @@
 @import "dark";
 
 p {
-    line-height: 1.25rem;
-}
\ No newline at end of file
+	line-height: 1.25rem;
+}
diff --git a/src/utils/git/fetch.ts b/src/utils/git/fetch.ts
index 13cdcae..95d09a9 100644
--- a/src/utils/git/fetch.ts
+++ b/src/utils/git/fetch.ts
@@ -1,7 +1,6 @@
-import axios from "axios";
 import z from "zod";
 
-import createConfigCatClient from "@utils/createConfigCatClient";
+import axios from "axios";
 
 import {
 	RepositoryResponse,
@@ -10,6 +9,7 @@ import {
 } from "@models/git/responses";
 
 import { giteaServerUrl } from "@utils/config";
+import createConfigCatClient from "@utils/createConfigCatClient";
 
 const apiUrl = `https://${giteaServerUrl}/api/v1`;
 
diff --git a/src/utils/session.ts b/src/utils/session.ts
index 2b88d66..d9f18be 100644
--- a/src/utils/session.ts
+++ b/src/utils/session.ts
@@ -5,10 +5,10 @@ import {
 	NextApiHandler
 } from "next";
 
-import { User } from "@prisma/client";
-
 import { sessionOptions } from "./config";
 
+import { User } from "@prisma/client";
+
 export const withIronSession = (handler: NextApiHandler) =>
 	withIronSessionApiRoute(handler, sessionOptions);