w0bm/f0bm
4
0
Fork 1
Code Pull Requests Activity

mono theme, keep it black and simple

Browse Source
This commit is contained in:
x
2026-01-24 11:12:25 +01:00
parent 2229f32dd3
commit fc7d38e3f1
3 changed files with 34 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
public/s/js/theme.js
View File

@@ -23,14 +23,14 @@ const Cookie = {
const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase());
if (acttheme !== document.documentElement.getAttribute("theme") && themes.includes(acttheme))
document.documentElement.setAttribute("theme", acttheme);
[...themecontainer.querySelectorAll("li > a")].forEach(t => t.addEventListener("click", e => {
e.preventDefault();
const _theme = e.target.innerText.toLowerCase();
document.documentElement.setAttribute("theme", _theme);
document.querySelector("#themes > a").setAttribute("content", _theme);
Cookie.set("theme", _theme, { path: "/", days: 360 });
return false;
}));
// [...themecontainer.querySelectorAll("li > a")].forEach(t => t.addEventListener("click", e => {
// e.preventDefault();
// const _theme = e.target.innerText.toLowerCase();
// document.documentElement.setAttribute("theme", _theme);
// document.querySelector("#themes > a").setAttribute("content", _theme);
// Cookie.set("theme", _theme, { path: "/", days: 360 });
// return false;
// }));
document.addEventListener("keydown", e => {
if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA")
@@ -38,15 +38,15 @@ const Cookie = {
const acttheme = Cookie.get('theme') ?? "w0bm";
const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase());
const k = e.key;
if (k === "t") {
e.preventDefault();
let i = themes.indexOf(acttheme);
if (++i >= themes.length)
i = 0;
document.documentElement.setAttribute("theme", themes[i]);
document.querySelector("#themes > a").setAttribute("content", themes[i]);
Cookie.set("theme", themes[i], { path: "/", days: 360 });
}
// if (k === "t") {
// e.preventDefault();
// let i = themes.indexOf(acttheme);
// if (++i >= themes.length)
// i = 0;
// document.documentElement.setAttribute("theme", themes[i]);
// document.querySelector("#themes > a").setAttribute("content", themes[i]);
// Cookie.set("theme", themes[i], { path: "/", days: 360 });
// }
});
if (tbuttonfull = document.querySelector('svg#a_tfull')) {

2
src/index.mjs
View File

@@ -69,7 +69,7 @@ process.on('unhandledRejection', err => {
req.session = false;
if (req.url.pathname.match(/^\/(s|b|t|ca)\//))
return;
req.theme = req.cookies.theme || 'amoled';
req.theme = 'amoled';
req.fullscreen = req.cookies.fullscreen || 0;
if (req.cookies.session) {

35
views/settings.html
View File

@@ -2,19 +2,15 @@
<div class="settings">
<h1>Settings</h1>
<h2>Site settings</h2>
<div class="themes">
<h3>Themes</h3>
@each(themes as t)
<a href="/theme/{{ t }}">{{ t }}</a>
@endeach
</div>
<div class="modes">
<h3>Modes</h3>
<span>Current: {{ modes[session.mode] ?? 'sfw' }}</span>
@for(let i = 0; i < modes.length; i++)
<a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a>
@endfor
</div>
<div class="modes">
<h3>Modes</h3>
<span>Current: {{ modes[session.mode] ?? 'sfw' }}</span>
<a class="dropdown-item" href="/mode/0">sfw</a>
<a class="dropdown-item" href="/mode/1">nsfw</a>
<a class="dropdown-item" href="/mode/2">untagged</a>
<a class="dropdown-item" href="/mode/3">all</a>
</div>
<h2>Account</h2>
<table class="table">
<tbody>
@@ -31,7 +27,8 @@
<td>{!! session.user !!}</td>
</tr>
<tr>
<td>@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp"></a>@endif</td>
<td>@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar"
src="/t/{{ session.avatar }}.webp"></a>@endif</td>
<td><input type="text" class="input" name="i_avatar" value="{{ session.avatar }}"></td>
</tr>
<tr>
@@ -39,7 +36,7 @@
<td><input type="text" class="input" name="i_mail" placeholder="hashed" disabled></td>
</tr>
<tr>
<td colspan="2"><input type="submit" id="s_avatar" value="save"></td>
<td><input type="submit" id="s_avatar" value="save"></td>
</tr>
</tbody>
</table>
@@ -55,7 +52,7 @@
</thead>
<tbody>
@each(sessions as sess)
<tr@if(sess.id === session.sess_id) style="background-color: rgb(0, 89, 0)"@endif>
<tr@if(sess.id===session.sess_id) style="background-color: rgb(0, 89, 0)" @endif>
<td>{{ sess.kmsi ? '&#9875;' : '' }}</td>
<td tooltip="{{ sess.browser }}" flow="right">
<p>{{ sess.id }}</p>
@@ -66,9 +63,9 @@
<p>created_at: {{ new Date(sess.created_at * 1e3).toLocaleString("de-DE") }}</p>
</td>
<td><a href="{{ sess.last_action }}" target="_blank">{{ sess.last_action }}</a></td>
</tr>
@endeach
</tr>
@endeach
</tbody>
</table>
</div>
@include(snippets/footer)
@include(snippets/footer)