skorotkiewicz/yosup
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web: added dark mode (my eyes\!)

Browse source
This commit is contained in:
Thomas Mathews 2022-12-14 16:25:20 -08:00
parent 199511bc17
commit 34c626fcae
5 changed files with 60 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

12
web/js/ui/render.js
View file

@ -35,7 +35,7 @@ function render_thread_collapsed(model, ev, opts)
return `<div onclick="expand_thread('${ev.id}')" class="thread-collapsed">
<div class="thread-summary clickable event-message">
Read More
<img class="icon small" src="icon/read-more.svg"/>
<img class="icon svg small" src="icon/read-more.svg"/>
</div>
</div>`
}
@ -197,7 +197,7 @@ function render_event(damus, view, ev, opts={}) {
${render_name(ev.pubkey, profile)}
<span class="timestamp">${delta}</span>
<button class="icon" title="View Thread" role="view-event" data-eid="${ev.id}" onclick="click_event(this)">
<img class="icon small" src="icon/open-thread.svg"/>
<img class="icon svg small" src="icon/open-thread.svg"/>
</button>
</div>
<div class="comment">
@ -246,7 +246,7 @@ function render_action_bar(damus, ev, can_delete) {
if (can_delete)
delete_html = `
<button class="icon" title="Delete" onclick="delete_post_confirm('${ev.id}')">
<img class="icon small" src="icon/event-delete.svg"/>
<img class="icon svg small" src="icon/event-delete.svg"/>
</button>`
const groups = get_reactions(damus, ev.id)
@ -256,10 +256,10 @@ function render_action_bar(damus, ev, can_delete) {
return `
<div class="action-bar">
<button class="icon" title="Reply" onclick="reply_to('${ev.id}')">
<img class="icon small" src="icon/event-reply.svg"/>
<img class="icon svg small" src="icon/event-reply.svg"/>
</button>
<button class="icon react heart" ${react_onclick} title="Like">
<img class="icon small" src="icon/event-like.svg"/>
<img class="icon svg small" src="icon/event-like.svg"/>
</button>
<!--<button class="icon" title="Share" onclick=""><i class="fa fa-fw fa-link"></i></a>-->
${delete_html}
@ -345,7 +345,7 @@ function render_loading_spinner()
return `
<div class="loading-events">
<div class="loader" title="Loading...">
<img src="icon/loader-fragment.svg"/>
<img class="dark-invert" src="icon/loader-fragment.svg"/>
</div>
</div>`
}