diff --git a/packages/app/src/components/PostCreator/index.less b/packages/app/src/components/PostCreator/index.less
index 54a2b67c..9a5439fe 100644
--- a/packages/app/src/components/PostCreator/index.less
+++ b/packages/app/src/components/PostCreator/index.less
@@ -29,6 +29,10 @@
             }
         }
 
+        .ant-input {
+            color: var(--background-color-contrast);
+        }
+
         .textArea {
             border-radius: 8px !important;
             transition   : all 150ms ease-in-out !important;
diff --git a/packages/app/src/components/Settings/index.less b/packages/app/src/components/Settings/index.less
index c835deb8..a09b712d 100644
--- a/packages/app/src/components/Settings/index.less
+++ b/packages/app/src/components/Settings/index.less
@@ -1,17 +1,27 @@
 .settings {
-	display: flex;
+	display       : flex;
 	flex-direction: column;
 
-	> div {
+	>div {
 		margin-bottom: 25px;
 	}
 
 	.group {
-		display: flex;
+		display       : flex;
 		flex-direction: column;
+		color         : var(--background-color-contrast);
+
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			color: var(--background-color-contrast);
+		}
 
 		.content {
-			> div {
+			>div {
 				margin-bottom: 25px;
 			}
 		}
@@ -20,69 +30,80 @@
 	.settingItem {
 		padding: 0 20px;
 
-		> div {
+		>div {
 			margin-bottom: 10px;
 		}
 
 		.header {
-			display: flex;
+			display    : flex;
 			align-items: center;
+			color      : var(--background-color-contrast);
 
-			h4{
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
 				margin: 0;
+				color : var(--background-color-contrast);
 			}
 
 			p {
 				font-size: 11px;
-				color: var(--background-color-contrast);
-				margin: 0;
+				color    : var(--background-color-contrast);
+				margin   : 0;
 			}
 
-			> div {
+			>div {
 				margin-right: 10px;
 			}
 		}
 
 		.component {
 			--ignore-dragger: true;
-			padding: 0 20px;
+			padding         : 0 20px;
+
+			span {
+				color: var(--background-color-contrast);
+			}
 		}
 	}
 
 	.footer {
 		position: relative;
-		width: 100%;
+		width   : 100%;
 
-		padding-top: 20px;
+		padding-top   : 20px;
 		padding-bottom: 20px;
 
-		display: flex;
+		display       : flex;
 		flex-direction: column;
 
 		justify-content: center;
-		align-items: center;
+		align-items    : center;
 
-		> div {
+		>div {
 			margin-bottom: 10px;
 
 			font-family: "Space Mono", monospace;
-			font-size: 10px;
+			font-size  : 10px;
 
-			display: flex;
+			display       : flex;
 			flex-direction: row;
 
-			align-items: center;
+			align-items    : center;
 			justify-content: center;
 
 			.ant-tag {
-				height: 18px;
+				height     : 18px;
 				line-height: 18px;
-				font-size: 10px;
+				font-size  : 10px;
 			}
 
-			> div {
+			>div {
 				padding: 0 7px;
 			}
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/app/src/layout/sidebar/index.less b/packages/app/src/layout/sidebar/index.less
index 08447f30..67ae8cb2 100644
--- a/packages/app/src/layout/sidebar/index.less
+++ b/packages/app/src/layout/sidebar/index.less
@@ -19,6 +19,21 @@
 	}
 }
 
+.ant-menu-item {
+	color: var(--background-color-contrast);
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	span,
+	p {
+		color: var(--background-color-contrast);
+	}
+}
+
 .ant-menu,
 .ant-menu ul {
 	background      : transparent !important;
@@ -84,7 +99,7 @@
 	display        : flex;
 	align-items    : center;
 	justify-content: center;
-  
+
 	img {
 		user-select         : none;
 		--webkit-user-select: none;
@@ -92,7 +107,7 @@
 		width     : 80%;
 		max-height: 80px;
 	}
-	
+
 	&.collapsed {
 		img {
 			max-width: 40px;
diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index f65c3f3c..bb9bef13 100644
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -5,29 +5,29 @@
 ::-webkit-scrollbar {
 	display: none;
 
-	width: 0;
-	height: 0;
+	width  : 0;
+	height : 0;
 	z-index: 0;
 }
 
 ::-webkit-scrollbar-thumb {
 	position: absolute;
-	z-index: 200;
+	z-index : 200;
 
-	height: 6px;
-	margin: 5px 10px 5px 5px;
+	height    : 6px;
+	margin    : 5px 10px 5px 5px;
 	transition: all 200ms ease-in-out;
 
-	border: 4px solid rgba(0, 0, 0, 0);
+	border          : 4px solid rgba(0, 0, 0, 0);
 	background-color: rgba(0, 0, 0, 0.15);
-	background-clip: padding-box;
+	background-clip : padding-box;
 
 	-webkit-border-radius: 7px;
 }
 
 ::-webkit-scrollbar-button {
-	width: 0;
-	height: 0;
+	width  : 0;
+	height : 0;
 	display: none;
 }
 
@@ -36,33 +36,33 @@
 }
 
 html {
-	overflow: hidden;
-	height: 100%;
+	overflow                  : hidden;
+	height                    : 100%;
 	-webkit-overflow-scrolling: touch;
 
 	background-color: var(--background-color-primary) !important;
 
 	svg {
-		margin-right: 10px;
+		margin-right  : 10px;
 		vertical-align: -0.125em;
 	}
 }
 
 body {
-	overflow: hidden;
+	overflow                  : hidden;
 	-webkit-overflow-scrolling: touch;
-	-webkit-app-region: no-drag;
+	-webkit-app-region        : no-drag;
 
 	height: 100%;
 
-	user-select: none;
+	user-select         : none;
 	--webkit-user-select: none;
 
 	scroll-behavior: smooth;
-	text-rendering: optimizeLegibility !important;
+	text-rendering : optimizeLegibility !important;
 
 	background-color: var(--background-color-primary) !important;
-	font-family: "Varela Round", sans-serif;
+	font-family     : "Varela Round", sans-serif;
 }
 
 #root {
@@ -71,7 +71,7 @@ body {
 	position: fixed;
 	overflow: hidden;
 
-	width: 100%;
+	width : 100%;
 	height: 100%;
 
 	background-color: var(--background-color-primary) !important;
@@ -79,11 +79,11 @@ body {
 
 #nprogress {
 	position: absolute;
-	top: 0;
-	width: 100vw;
+	top     : 0;
+	width   : 100vw;
 
 	.bar {
-		height: 2px;
+		height    : 2px;
 		background: #48acf0;
 	}
 }
@@ -91,26 +91,26 @@ body {
 .ant-layout,
 .content_layout,
 .app_layout {
-	background: var(--background-color-primary) !important;
+	background      : var(--background-color-primary) !important;
 	background-color: var(--background-color-primary) !important;
 
-	position: relative;
+	position                  : relative;
 	-webkit-overflow-scrolling: touch;
 
-	width: 100%;
-	height: 100%;
+	width     : 100%;
+	height    : 100%;
 	max-height: 100vh;
 
-	overflow: hidden;
+	overflow  : hidden;
 	transition: all 150ms ease-in-out;
 
 	::-webkit-scrollbar {
-		display: block;
+		display : block;
 		position: absolute;
 
-		width: 14px;
-		height: 18px;
-		z-index: 200;
+		width     : 14px;
+		height    : 18px;
+		z-index   : 200;
 		transition: all 200ms ease-in-out;
 	}
 
@@ -119,15 +119,15 @@ body {
 
 		::-webkit-scrollbar {
 			display: none !important;
-			width: 0;
-			height: 0;
+			width  : 0;
+			height : 0;
 			z-index: 0;
 		}
 	}
 }
 
 .layout_page {
-	position: relative;
+	position                  : relative;
 	-webkit-overflow-scrolling: touch;
 
 	height: 100%;
@@ -141,7 +141,7 @@ body {
 @media (max-width: 768px) {
 	.layout_page {
 		padding: 10px;
-		margin: 0;
+		margin : 0;
 	}
 
 	h1,
@@ -152,23 +152,24 @@ body {
 	h6,
 	span,
 	p {
-		user-select: none;
+		user-select        : none;
 		-webkit-user-select: none;
 	}
 }
 
 .fade-transverse-active {
 	transition: all 250ms;
-	height: 100%;
-	width: 100%;
+	height    : 100%;
+	width     : 100%;
 }
 
 .fade-transverse-enter {
-	opacity: 0;
+	opacity  : 0;
 	transform: translateX(-30px);
 }
+
 .fade-transverse-leave {
-	opacity: 0;
+	opacity  : 0;
 	transform: translateX(30px);
 }
 
@@ -176,60 +177,62 @@ body {
 .fade-scale-enter-active {
 	transition: all 0.3s;
 }
+
 .fade-scale-enter {
-	opacity: 0;
+	opacity  : 0;
 	transform: scale(1.2);
 }
+
 .fade-scale-leave {
-	opacity: 0;
+	opacity  : 0;
 	transform: scale(0.8);
 }
 
 .app_initialization {
-	width: 100vw;
-	height: 100vh;
+	width  : 100vw;
+	height : 100vh;
 	padding: 50px;
 
-	display: flex;
-	flex-direction: column;
+	display        : flex;
+	flex-direction : column;
 	justify-content: center;
-	align-items: center;
+	align-items    : center;
 
-	> div {
-		width: 100%;
+	>div {
+		width : 100%;
 		height: fit-content;
 
-		display: flex;
-		flex-direction: column;
+		display        : flex;
+		flex-direction : column;
 		justify-content: center;
-		align-items: center;
+		align-items    : center;
 
 		margin-bottom: 50px;
 	}
 }
 
 .app_crash_wrapper {
-	width: 100vw;
-	height: 100vh;
-	display: flex;
-	flex-direction: column;
+	width          : 100vw;
+	height         : 100vh;
+	display        : flex;
+	flex-direction : column;
 	justify-content: center;
-	align-items: center;
+	align-items    : center;
 }
 
 // Fixments
 .ant-btn {
-	display: flex;
-	align-items: center;
+	display        : flex;
+	align-items    : center;
 	justify-content: center;
 
-	user-select: none;
+	user-select         : none;
 	--webkit-user-select: none;
 }
 
 .ant-result-extra {
-	display: flex;
-	align-items: center;
+	display        : flex;
+	align-items    : center;
 	justify-content: center;
 }
 
@@ -244,6 +247,8 @@ body {
 }
 
 *:not(input):not(textarea) {
-	-webkit-user-select: none; /* disable selection/Copy of UIWebView */
-	-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
+	-webkit-user-select  : none;
+	/* disable selection/Copy of UIWebView */
+	-webkit-touch-callout: none;
+	/* disable the IOS popup when long-press on a link */
 }
\ No newline at end of file