chore: Sync Theme-Customs

Signed-off-by: Diego Andrés <diegoandres_cortes@outlook.com>

Author: DiegoAndresCortes

css/compat/index.css

@@ -1695,7 +1695,7 @@ nav:where(#genericmenu, #adm_submenus) a:is(:focus, :focus-visible, :focus-withi
 	outline-offset: var(--buttonlist-link-outline-offset);
 }
 .buttonlist > li > :is(a, button).sub_buttons::after {
-	font-family: "Font Awesome 6 Free";
+	font-family: "Font Awesome 7 Free";
 	content: "\f078";
 	font-size: 0.6em;
 	font-weight: 700;
@@ -2094,7 +2094,7 @@ h1.forumtitle span#siteslogan {
 	padding: .75em;
 }
 .navigate_section ul:before {
-	font-family: "Font Awesome 6 Free";
+	font-family: "Font Awesome 7 Free";
 	content: "\f015";
 	font-size: 0.8em;
 	font-weight: 700;
@@ -2337,7 +2337,7 @@ h1.forumtitle span#siteslogan {
 	outline-offset: var(--quickbuttons-link-outline-offset);
 }
 .quickbuttons > li > a.sub_buttons::after {
-	font-family: "Font Awesome 6 Free";
+	font-family: "Font Awesome 7 Free";
 	content: "\f078";
 	font-size: 0.6em;
 	font-weight: 700;
@@ -3358,7 +3358,7 @@ div#manage_boards dl dd textarea[name=desc] {
 }
 .board_icon a::before {
     display: inline;
-    font-family: "Font Awesome 6 Free";
+    font-family: "Font Awesome 7 Free";
     font-size: 2em;
     content: "\f086";
 	color: var(--body-link-color);
@@ -4705,7 +4705,7 @@ img.theme_thumbnail {
     background-color: transparent;
     content: "\f186";
     transition: .4s;
-    font-family: "Font Awesome 6 Free";
+    font-family: "Font Awesome 7 Free";
 	font-weight: 700;
 }
 
@@ -4720,7 +4720,7 @@ input:checked + .slider:before {
 input:checked + .slider:before {
 	content: "\f185";
 	font-weight: 700;
-	font-family: "Font Awesome 6 Free";
+	font-family: "Font Awesome 7 Free";
 }
 
 /* Fade-in animation */

css/compat/jquery.sceditor.css

@@ -225,6 +225,48 @@ body.sceditor-maximize {
 .sceditor-maximize div.sceditor-grip {
 	display: none;
 }
+div.sceditor-smileyPopup, div.sceditor-dropdown {
+	background: var(--popup-window-bg);
+	background-clip: padding-box;
+	border-color: var(--popup-window-border-color);
+	border-radius: var(--popup-window-border-radius);
+	border-style: var(--popup-window-border-style);
+	border-width: var(--popup-window-border-width);
+	box-shadow: var(--popup-content-color);
+	color: var(--popup-color);
+	line-height: 1;
+	padding: .5em;
+	overflow-y: auto;
+	z-index: 4000;
+}
+
+div.sceditor-smileyPopup {
+	top: unset;
+	left: 0;
+	right: 0;
+	transform: unset;
+	position: absolute;
+	min-height: 100px;
+	min-width: 250px;
+	margin-inline: auto;
+	display: flex;
+	box-sizing: border-box;
+	max-height: 215px;
+	max-width: 450px;
+}
+div.sceditor-smileyPopup #sceditor-popup {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+}
+div.sceditor-smileyPopup #sceditor-popup div#sceditor-popup-smiley {
+	align-self: flex-start;
+	flex-grow: 1;
+}
+div.sceditor-smileyPopup #sceditor-popup span.button {
+	align-self: center;
+	margin-top: .5em;
+}
 .sceditor-dropdown {
 	position: absolute;
 	border: 1px solid #ccc;

css/custom/icons.css

@@ -1,7 +1,7 @@
 /* SMF Icons */
 .main_icons {
 	display: inline-flex;
-	font-family: "Font Awesome 6 Free";
+	font-family: "Font Awesome 7 Free";
 	font-size: 1em;
 	-webkit-font-smoothing: antialiased;
 	font-style: normal;

themecustoms/Settings/Main.php

@@ -144,7 +144,7 @@ private function create() : void
 
 		/** Socials **/
 		$this->socials();
-		
+
 		/** Avatars **/
 		$this->avatars();
 

themecustoms/Theme/Load.php

@@ -18,7 +18,7 @@ class Load
 	/**
 	 * @var const Font Awesome version
 	 */
-	const FONTAWESOME_VERSION = '6.7.2';
+	const FONTAWESOME_VERSION = '7.0.0';
 
 	/**
 	 * @var const jQuery UI version