초간단 Django 게시판 20. Bootstrap 무료 템플릿을 이용해 보자.

소스 : https://github.com/pycrawling/SimpleDjangoBBS

부츠워치라는 사이트에서 디자인을 고르자... 
https://bootswatch.com

 

CDN 서비스도 있다... ㄷㄷㄷ @,.@
https://www.jsdelivr.com/package/npm/bootswatch?path=dist

 

사용법은 단순하다. 
templates/base.html 에서 'Bootstrap CSS'의 링크를 지워주고
bootswatch에서 수정한 CSS를 대신 설정해 주면 된다. 

    <!-- Bootstrap CSS -->
    <!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"-->
    <!--          integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">-->

    <!-- Bootstrap CSS by bootswatch -->
    <link href="https://cdn.jsdelivr.net/npm/bootswatch@5.0.1/dist/lux/bootstrap.min.css" rel="stylesheet"
          crossorigin="anonymous">

주소에서 'lux'가 템플릿 이름이다.
이름을 바꿔가면서 템플릿을 감상할 수 있다. 

 

slate

취향에 맞게 약간의 모디파이를 하는 것도 좋을 것 같다.
간단하게 style문으로 예를 만들어 보았다.
물론 CSS로 작업해서 뒤에 로딩해도 되고...

    <style>
    :root {
        --bs-body-color: #eee;
    }
    .table {
        --bs-table-striped-color: #eee;
        --bs-table-active-color: #eee;
        --bs-table-hover-color: #eee;
        color: #eee;
    }
    </style>

lux

 

darkly

'darkly'라는 이름이 맘에 들어서 골라 봤는데... 
여기서 눈에 튀는 색들만 좀 잡아주면 좋은 것 같다....

https://bootswatch.com/darkly/

예제를 보고 취향에 맞춰 코드를 수정하면 된다.. 

진짜 끝이다...