다크모드 #5
그누보드 순정에 다크모드 넣어 보기를 하고 있습니다.
CSS도 역시 실력이 부족하네요. 검은색도 감각이 있어야 될 것 같습니다.
이럴때는 @nanati 님을 호출해서 물어 봐야겠죠.
Night2.js 는 https://github.com/jakekwak/Night2.js/blob/dev/test/night2.min.js
[code]
<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>
[/code]
[code]
<button onClick="night.toggle()">토글모드</button>
<button onClick="night.auto(false)">자동모드</button>
[/code]
CSS를 하나 하나 찾아서 다크모드를 만들어 보고 있습니다.
게시판에 들어갔을 때 Table로 구성된 List의 even에 대한 CSS태그가 뭘까요?
공부차원에서 만들어 보고 있으니, 며칠해 보다가 이번주말쯤 공개하겠습니다.
자동모드를 클릭해 놓으면 자동으로 해지는 시간에 다크로 갑니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 15개
글은 잘 남기지 않지만 방문은 하고 있습니다~
그냥 대략적으로
background: #313030
다음회색으로 #555
거기에 글자색은 #ddd, #eee정도로
색이 필요합니다.
https://yeun.github.io/open-color/
나머지는 고수님들이 해 주시면 될 것 같습니다.
데모에서는 자동모드가 잘 동작했는데, 그누보드에서는 자동모드가 동작안하네요