diff options
| author | Edoardo Odorico | 2017-12-28 19:21:52 +0100 |
|---|---|---|
| committer | Edoardo Odorico | 2018-01-05 00:15:13 +0100 |
| commit | 6fc2c39eda766cffc7ef5c9e1d3d3cbce8ab7590 (patch) | |
| tree | 0824f15f9db94cb80d39c2c7a0295205b94d160b /public/js | |
| parent | a8fa88831705625e053c7d493a4b2f83b7b2a4a8 (diff) | |
:sparkles: Implemented dark theme.
Signed-off-by: Edoardo Odorico <edoubuntu@gmail.com>
Diffstat (limited to 'public/js')
| -rw-r--r-- | public/js/index.js | 15 | ||||
| -rw-r--r-- | public/js/lib/appState.js | 3 | ||||
| -rw-r--r-- | public/js/lib/editor/ui-elements.js | 1 |
3 files changed, 18 insertions, 1 deletions
diff --git a/public/js/index.js b/public/js/index.js index b336af90..5ff716fd 100644 --- a/public/js/index.js +++ b/public/js/index.js @@ -1633,6 +1633,10 @@ ui.toolbar.view.click(function () { ui.toolbar.both.click(function () { changeMode(modeType.both) }) + +ui.toolbar.night.click(function () { + toggleNightMode() +}) // permission // freely ui.infobar.permission.freely.click(function () { @@ -1666,6 +1670,17 @@ $('.ui-delete-modal-confirm').click(function () { socket.emit('delete') }) +function toggleNightMode () { + var $body = $('body') + var isActive = ui.toolbar.night.hasClass('active') + if (isActive) { + $body.removeClass('night') + appState.nightMode = false + } else { + $body.addClass('night') + appState.nightMode = true + } +} function emitPermission (_permission) { if (_permission !== permission) { socket.emit('permission', _permission) diff --git a/public/js/lib/appState.js b/public/js/lib/appState.js index fb8030e1..87aaf737 100644 --- a/public/js/lib/appState.js +++ b/public/js/lib/appState.js @@ -2,7 +2,8 @@ import modeType from './modeType' let state = { syncscroll: true, - currentMode: modeType.view + currentMode: modeType.view, + nightMode: false } export default state diff --git a/public/js/lib/editor/ui-elements.js b/public/js/lib/editor/ui-elements.js index 0d330d77..88a1e3ca 100644 --- a/public/js/lib/editor/ui-elements.js +++ b/public/js/lib/editor/ui-elements.js @@ -37,6 +37,7 @@ export const getUIElements = () => ({ edit: $('.ui-edit'), view: $('.ui-view'), both: $('.ui-both'), + night: $('.ui-night'), uploadImage: $('.ui-upload-image') }, infobar: { |