로그아웃된 사용자를 위한 홈 페이지 텍스트 서식 설정

로그아웃 상태의 내 프론트/홈 페이지는 예전에는 그레이 앰버(Grey Amber) 테마를 사용했을 때와 매우 달랐습니다. 텍스트가 회색 배경을 넘어가서 보입니다(아래 참고). 지난 1년간 HTML/CSS 편집을 변경한 적이 없으므로, 페이지 레이아웃을 변경한 업데이트가 있었을 것입니다. 또한 예전에는 로그인 버튼이 오른쪽 상단에 있었지만, 지금은 페이지 하단으로 이동했습니다. 대신 상단에는 미니 로고 이미지가 표시되는데, 이 이미지는 원래 보여서는 안 됩니다. 예전에는 큰 이미지만 보였거든요.

저는 HTML/CSS에 대해 전혀 모릅니다. 제가 홈 페이지를 편집한 방법은 다음과 같습니다:

텍스트가 잘 들어맞도록 하고, 로그인 버튼이 상단(오른쪽, 가운데, 왼쪽 중 어디든 상관없음)에 표시되며, 미니 로고가 보이지 않도록 어떻게 수정해야 할까요?

네, 기본값을 더 스타일리시하게 변경했는데, 안타깝게도 자체 스타일을 추가한 사이트들과 충돌하는 문제가 발생했습니다. 고객님의 사이트를 확인해 보니, 다음 CSS를 추가하면 이전 상태에 더 가깝게 되실 것 같습니다:

body.static-login {
  .body-page {
    margin: 2em auto;
  }
  .logo-container {
    display: none;
  }
  .login-welcome {
    img {
      max-width: 100%;
    }
  }
  .body-page-button-container {
    position: absolute;
    top: 0;
    right: 0;
    button {
     margin: 0;
    }
  }
}

로그아웃 상태의 홈 페이지가 비어 있는 이유를 설명할 수 있는 최근 변경 사항이 있나요?

5일 전 (DEV: Rework `static` controllers/routes - Pull Request #19466 - discourse/discourse - GitHub) below-static 플러그인 아웃렛(이 내용이 추가되던 방식)을 제거하는 변경 사항이 있었던 것 같습니다. 이제 그 역할을 대신할 below-login 아웃렛이 있습니다. 이 문제가 반복적으로 발생한 점에 대해 죄송합니다.