다크모드 #5 정보
다크모드 #5
본문
그누보드 순정에 다크모드 넣어 보기를 하고 있습니다.
CSS도 역시 실력이 부족하네요. 검은색도 감각이 있어야 될 것 같습니다.
이럴때는 @nanati 님을 호출해서 물어 봐야겠죠.
Night2.js 는 https://github.com/jakekwak/Night2.js/blob/dev/test/night2.min.js
<script>
const night = new Night2({
divId: 'myDarkmode',
lightClass: 'light',
darkClass: 'dark',
auto: true,
intervalForCheckSun: 5, // 5분마다 체크
intervalForTime: 60, // 60분마다 체크
offset: 30, // 분
onToggle() {
// console.log('onToggle');
},
onAuto() {
// console.log('onAuto');
},
onLight() {},
onDark() {}
});
</script>
<button onClick="night.toggle()">토글모드</button>
<button onClick="night.auto(false)">자동모드</button>
CSS를 하나 하나 찾아서 다크모드를 만들어 보고 있습니다.
게시판에 들어갔을 때 Table로 구성된 List의 even에 대한 CSS태그가 뭘까요?
공부차원에서 만들어 보고 있으니, 며칠해 보다가 이번주말쯤 공개하겠습니다.
자동모드를 클릭해 놓으면 자동으로 해지는 시간에 다크로 갑니다.
추천
5
5
베스트댓글
@DawnDew 처음설치했을 때 기준으로 80-90%를 찾은 것 같습니다. 정리를 해서 내일이라도 올릴수 있을 것 같습니다.
나머지는 고수님들이 해 주시면 될 것 같습니다.
데모에서는 자동모드가 잘 동작했는데, 그누보드에서는 자동모드가 동작안하네요
나머지는 고수님들이 해 주시면 될 것 같습니다.
데모에서는 자동모드가 잘 동작했는데, 그누보드에서는 자동모드가 동작안하네요
@마젠토 추천합니다
https://yeun.github.io/open-color/
https://yeun.github.io/open-color/
@nanati 딱 찾던 것입니다. 백그라운드가 Gray9 면 글씨는 gray4, 3으로 매칭해 보겠습니다.
댓글 15개
테마안의 스킨으로 바꾸는 것을 까먹고 열심히 삽질했네요.
화이팅 하세요~~
@graceway113 예. 열심히 삽질중입니다.
ㅋㅋㅋ 당황했네요 갑자기 불려서 ㅎㅎㅎ
글은 잘 남기지 않지만 방문은 하고 있습니다~
글은 잘 남기지 않지만 방문은 하고 있습니다~
@nanati 그래서, 회색 좋은 것 추천해주세요.
그냥 대략적으로
background: #313030
다음회색으로 #555
거기에 글자색은 #ddd, #eee정도로
색이 필요합니다.
그냥 대략적으로
background: #313030
다음회색으로 #555
거기에 글자색은 #ddd, #eee정도로
색이 필요합니다.
@마젠토 추천합니다
https://yeun.github.io/open-color/
https://yeun.github.io/open-color/
@nanati 딱 찾던 것입니다. 백그라운드가 Gray9 면 글씨는 gray4, 3으로 매칭해 보겠습니다.
오오 기대됩니다
@DawnDew 처음설치했을 때 기준으로 80-90%를 찾은 것 같습니다. 정리를 해서 내일이라도 올릴수 있을 것 같습니다.
나머지는 고수님들이 해 주시면 될 것 같습니다.
데모에서는 자동모드가 잘 동작했는데, 그누보드에서는 자동모드가 동작안하네요
나머지는 고수님들이 해 주시면 될 것 같습니다.
데모에서는 자동모드가 잘 동작했는데, 그누보드에서는 자동모드가 동작안하네요
신기하네염
@빅클린코드 필요하시면 다음글 참조하세요
저도 기대합니다.
@비타주리 다음글에 올렸습니다.
와 역시 능력자분들 많으세요..ㄷㄷ
@와이쿠 깃헙에 올렸습니다.
