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
개성적인 인스턴스가 늘어나도록.
Reference
이 문제에 관하여(mastodon 테마 색상 변경은 간단합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tumujin/items/c0c9d39f05af4f52bfc7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$classic-base-color: #282c37; // Midnight Express
$classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
$classic-highlight-color: #2b90d9; // Summer Sky
$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;
Reference
이 문제에 관하여(mastodon 테마 색상 변경은 간단합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tumujin/items/c0c9d39f05af4f52bfc7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)