mono theme, keep it black and simple

public/s/js/theme.js

@@ -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 => {
+  // [...themecontainer.querySelectorAll("li > a")].forEach(t => t.addEventListener("click", e => {
-    e.preventDefault();
+  //   e.preventDefault();
-    const _theme = e.target.innerText.toLowerCase();
+  //   const _theme = e.target.innerText.toLowerCase();
-    document.documentElement.setAttribute("theme", _theme);
+  //   document.documentElement.setAttribute("theme", _theme);
-    document.querySelector("#themes > a").setAttribute("content", _theme);
+  //   document.querySelector("#themes > a").setAttribute("content", _theme);
-    Cookie.set("theme", _theme, { path: "/", days: 360 });
+  //   Cookie.set("theme", _theme, { path: "/", days: 360 });
-    return false;
+  //   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") {
+    // if (k === "t") {
-      e.preventDefault();
+    //   e.preventDefault();
-      let i = themes.indexOf(acttheme);
+    //   let i = themes.indexOf(acttheme);
-      if (++i >= themes.length)
+    //   if (++i >= themes.length)
-        i = 0;
+    //     i = 0;
-      document.documentElement.setAttribute("theme", themes[i]);
+    //   document.documentElement.setAttribute("theme", themes[i]);
-      document.querySelector("#themes > a").setAttribute("content", themes[i]);
+    //   document.querySelector("#themes > a").setAttribute("content", themes[i]);
-      Cookie.set("theme", themes[i], { path: "/", days: 360 });
+    //   Cookie.set("theme", themes[i], { path: "/", days: 360 });
-    }
+    // }
   });
 
   if (tbuttonfull = document.querySelector('svg#a_tfull')) {

src/index.mjs

@@ -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) {

views/settings.html

@@ -2,19 +2,15 @@
 <div class="settings">
   <h1>Settings</h1>
   <h2>Site settings</h2>
-    <div class="themes">
+
-      <h3>Themes</h3>
+  <div class="modes">
-        @each(themes as t)
+    <h3>Modes</h3>
-          <a href="/theme/{{ t }}">{{ t }}</a>
+    <span>Current: {{ modes[session.mode] ?? 'sfw' }}</span>
-        @endeach
+    <a class="dropdown-item" href="/mode/0">sfw</a>
-    </div>
+    <a class="dropdown-item" href="/mode/1">nsfw</a>
-    <div class="modes">
+    <a class="dropdown-item" href="/mode/2">untagged</a>
-      <h3>Modes</h3>
+    <a class="dropdown-item" href="/mode/3">all</a>
-      <span>Current: {{ modes[session.mode] ?? 'sfw' }}</span>
+  </div>
-      @for(let i = 0; i < modes.length; i++)
-        <a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a>
-      @endfor
-    </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>
+        </tr>
-      @endeach
+        @endeach
     </tbody>
   </table>
 </div>
-@include(snippets/footer)
+@include(snippets/footer)