mirror_html/nullboard
1
0
Fork 0
mirror of https://github.com/apankrat/nullboard.git synced 2025-08-01 19:00:30 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #17 from ohitsdylan/master

Browse Source 
Add Theme Mode Switch Option (Refactor)
This commit is contained in:
Alex Pankratov
2020-02-19 02:12:05 +01:00
committed by GitHub
parent c7a3bdd02c 7b87bd9f23
commit 954acbc0e9
1 changed files with 74 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
nullboard.html
View File

@@ -745,6 +745,71 @@
}
}
/*
Dark Mode Styles
================ */
body.dark {
background-color: #252525;
color: #ddd;
}
/* Board menu / upper-right menu */
body.dark .head, body.dark .config {
background: #454545;
}
body.dark .config a {
color: #ddd;
}
body.dark .config a:hover {
color: #fc5555;
}
body.dark .config .bulk div a.active {
color: #fcd62d;
}
/* Lists and Notes */
body.dark .list, body.dark .menu {
background: #454545;
}
body.dark .menu a {
color: #ddd;
}
body.dark .menu a:hover {
color: #959595;
}
body.dark .board .list .note {
background: #656565;
box-shadow: 0 1px 2px #656565, 0 0 1px #959595;
}
body.dark .board .list .note.raw {
background: #454545;
box-shadow: none;
}
body.dark textarea, body.dark input {
background: #959595;
}
/* Misc */
body.dark .teaser, body.dark .logo a {
color: #ddd;
}
body.dark .logo {
background: #454545;
}
body.dark .logo a:hover {
color: #fc5555;
}
</style>
</head>
@@ -769,6 +834,7 @@
<a href=# class=imp-board>Import board...</a>
<input class=imp-board-select type="file" accept=".nbx">
<a href=# class=exp-board>Export board...</a>
<a href="#" class="theme-swap">Swap theme mode</a>
</div>
</div>
</div>
@@ -2374,6 +2440,12 @@
setupListScrolling();
//Toggle board theme
$('.theme-swap').click(function() {
$('body').toggleClass('dark');
return false;
});
</script>
</html>