게시판에서 다크모드 사용하기(view.skin.php)

게시판 본문보기에서 주로 텍스트 입력부분 (<div id="bo_v_con">)을 토글을 사용해서 다크모드로 보는 방법입니다.

pc, mobile 모두 view.skin.php 파일에서

[code]<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>[/code]아래에 다음 다크모드 코드를 넣어줍니다.

다크모드에서 적용할 배경색, 텍스트칼라, 폰트사이즈는 .darkMode에서 정하시면 됩니다.

[code]<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<?php //echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>

<!--      dark mode toggle start -->
<style>
  .darkMode{
    background-color: black;
    padding: 10px;
    color: white;
    font-size: 16px;
  }
</style>
<button onclick="myFunction()">Dark Mode </button>
  <script>
    function myFunction(){
      document.getElementById("bo_v_con").classList.toggle("darkMode");
    }
  </script>
<!--      dark mode toggle end -->[/code]

다크모드

감사합니다