Change fonts and backgrounds.

app/assets/css/launcher.css

@@ -8,13 +8,13 @@
  ******************************************************************************/
 
 @font-face {
-    font-family: 'Avenir Book';
+    font-family: 'Pretendard SemiBold';
-    src: url('../fonts/Avenir-Book.ttf');
+    src: url('../fonts/Pretendard-SemiBold.ttf');
 }
 
 @font-face {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
-    src: url('../fonts/Avenir-Medium.ttf');
+    src: url('../fonts/Pretendard-Medium.ttf');
 }
 
 @font-face {
@@ -42,7 +42,7 @@ p {
 
 /* Set default font and color. */
 body, button {
-    font-family: 'Avenir Book';
+    font-family: 'Pretendard SemiBold';
     color: white;
 }
 
@@ -110,7 +110,7 @@ body, button {
 }
 #frameTitleText {
     font-size: 14px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     letter-spacing: 0.5px;
 }
 
@@ -284,7 +284,7 @@ body, button {
 }
 
 #welcomeHeader {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     text-align: center;
     color: white;
     margin-bottom: 25px;
@@ -497,7 +497,7 @@ body, button {
 
 /* Header on login view. */
 #loginSubheader {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     margin-bottom: 25px;
     font-size: 12px;
     letter-spacing: 1px;
@@ -522,7 +522,7 @@ body, button {
 
 /* Span which displays errors related to login field content. */
 .loginErrorSpan {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-weight: bold;
     font-size: 8px;
     color: #ff1b0c;
@@ -558,7 +558,7 @@ body, button {
 
 /* Login text input styles. */
 .loginField {
-    font-family: 'Avenir Book';
+    font-family: 'Pretendard SemiBold';
     background: none;
     border-width: 1.5px 0px 0px 0px;
     border-style: solid;
@@ -1222,7 +1222,7 @@ body, button {
 }
 .settingsTabHeaderText {
     font-size: 20px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
 }
 .settingsTabHeaderDesc {
     font-size: 12px;
@@ -1261,7 +1261,7 @@ body, button {
     background: none;
     font-size: 12px;
     border-radius: 3px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     transition: 0.25s ease;
     cursor: pointer;
     outline: none;
@@ -1293,7 +1293,7 @@ body, button {
     background: rgba(0, 0, 0, 0.25);
     border-radius: 3px;
     border: 1px solid rgba(126, 126, 126, 0.57);
-    font-family: 'Avenir Book';
+    font-family: 'Pretendard SemiBold';
     transition: 0.25s ease;
 }
 #settingsContainer input[type=number]:focus,
@@ -1322,7 +1322,7 @@ body, button {
 }
 .settingsFieldTitle {
     font-size: 14px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     color: rgba(255, 255, 255, 0.95);
 }
 .settingsFieldDesc {
@@ -1485,7 +1485,7 @@ input:checked + .toggleSwitchSlider:before {
     width: 89%;
 }
 .settingsFileSelDesc strong {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
 }
 
 /* * *
@@ -1593,7 +1593,7 @@ input:checked + .toggleSwitchSlider:before {
     font-size: 12px;
     color: grey;
     font-weight: bold;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
 }
 .settingsAuthAccountDetailValue {
     font-size: 14px;
@@ -1615,7 +1615,7 @@ input:checked + .toggleSwitchSlider:before {
     border: none;
     white-space: nowrap;
     background: none;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     outline: none;
     transition: 0.25s ease;
 }
@@ -1640,7 +1640,7 @@ input:checked + .toggleSwitchSlider:before {
     background: none;
     font-size: 12px;
     border-radius: 3px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     transition: 0.25s ease;
     cursor: pointer;
     outline: none;
@@ -2195,7 +2195,7 @@ input:checked + .toggleSwitchSlider:before {
 /* Release type text. */
 #settingsAboutCurrentVersionTitle {
     font-size: 12px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     color: #23aa23;
     font-weight: bold;
 }
@@ -2284,7 +2284,7 @@ input:checked + .toggleSwitchSlider:before {
     background-color: rgba(255, 255, 255, 0.25);
     color: white;
     border-radius: 3px;
-    font-family: 'Avenir Book';
+    font-family: 'Pretendard SemiBold';
 }
 .settingsChangelogText li+li {
     margin-top: .25em;
@@ -2394,7 +2394,7 @@ input:checked + .toggleSwitchSlider:before {
 /* Release type text. */
 #settingsUpdateVersionTitle {
     font-size: 12px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     color: #23aa23;
     font-weight: bold;
 }
@@ -2593,7 +2593,7 @@ input:checked + .toggleSwitchSlider:before {
 #newsArticleTitle {
     font-size: 18px;
     font-weight: bold;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     color: white;
     text-decoration: none;
     transition: 0.25s ease;
@@ -2910,7 +2910,7 @@ input:checked + .toggleSwitchSlider:before {
     z-index: 1;
     top: 115%;
     left: -17.5px;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-size: 12px;
     transition: visibility 0s linear 0.25s, opacity 0.25s ease;
 }
@@ -3242,7 +3242,7 @@ input:checked + .toggleSwitchSlider:before {
     border-radius: 4px;
     padding: 5px 10px;
     z-index: 1;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-size: 12px;
     transition: visibility 0s linear 0.25s, opacity 0.25s ease;
     bottom: calc(100% + 15px);
@@ -3557,7 +3557,7 @@ input:checked + .toggleSwitchSlider:before {
 
 /* Overlay title styles. */
 #overlayTitle {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-size: 20px;
     font-weight: bold;
     letter-spacing: 1px;
@@ -3583,7 +3583,7 @@ input:checked + .toggleSwitchSlider:before {
     background: none;
     border: 1px solid #ffffff;
     color: white;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-weight: bold;
     border-radius: 2px;
     padding: 0px 8.1px;
@@ -3635,7 +3635,7 @@ input:checked + .toggleSwitchSlider:before {
 /* Server selection header. */
 #serverSelectHeader,
 #accountSelectHeader {
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-size: 20px;
     font-weight: bold;
     color: #fff;
@@ -3858,7 +3858,7 @@ input:checked + .toggleSwitchSlider:before {
     background: none;
     border: 1px solid #ffffff;
     color: white;
-    font-family: 'Avenir Medium';
+    font-family: 'Pretendard Medium';
     font-weight: bold;
     border-radius: 2px;
     padding: 0px 8.1px;