mastodon 테마 색상 변경은 간단합니다.

2206 단어 mastodonRails

하고 싶은 일


  • mastodon의 디자인 (배색)을 바꾸고 싶다

  • 절차



    app/javascript/styles/variables.scss
    $classic-base-color: #282c37;         // Midnight Express
    $classic-primary-color: #9baec8;      // Echo Blue
    $classic-secondary-color: #d9e1e8;    // Pattens Blue
    $classic-highlight-color: #2b90d9;    // Summer Sky
    

    mastodon에서는 여기서 지정한 4색을 베이스로 하고 있는 것 같습니다.
    다른 색상은베이스를 바탕으로 밝기를 변경하여 색상을 만드는 것 같습니다. (마우스 오버로 밝기 20% 올리는 등)

    변경 샘플



    녹색계


    $classic-base-color: #223322;
    $classic-primary-color: #aaaa77;
    $classic-secondary-color: #d9e1e8;
    $classic-highlight-color: #aa77aa;
    



    모 백색 로봇 스타일 컬러


    $classic-base-color: #ccc;
    $classic-primary-color: #d33;
    $classic-secondary-color: #d9e1e8;
    $classic-highlight-color: #6667dd;
    



    흰색 배경 흑자로 할 때 텍스트 색상 변경을 잊지 마십시오.
    $primary-text-color: $black !default;
    

    자신이 시작한, 장난감계 마스트돈에서는 모흑인 로봇풍의 칼라로 해 보았습니다.
    htps : // p ぁ s 치 c도 ls. 토키 / 아보 t

    개성적인 인스턴스가 늘어나도록.

    좋은 웹페이지 즐겨찾기