Add eternity-wasteland-v2 theme

2026-09-19 13:08:41 +03:00
parent 393c333794
commit b8fce3cacb
8 changed files with 673 additions and 0 deletions
@@ -0,0 +1,62 @@
+<roundcube:include file="includes/layout.html" />
+
+<script>
+  (function () {
+    try {
+      if (localStorage.getItem('ep-theme') === 'dark') {
+        document.documentElement.setAttribute('data-theme', 'dark');
+      }
+    } catch (error) { }
+  }());
+</script>
+
+<h1 class="voice"><roundcube:object name="productname" /> <roundcube:label name="login" /></h1>
+
+<div id="layout-content" class="selected no-navbar" role="main">
+  <roundcube:object name="logo" src="/images/logo.svg" id="logo" alt="Logo" />
+  <roundcube:form id="login-form" name="login-form" method="post" class="propform">
+    <roundcube:object name="loginform" form="login-form" size="40" submit=true class="form-control" />
+    <button type="button" class="theme-toggle" id="theme-toggle" aria-pressed="false"></button>
+    <div id="login-footer" role="contentinfo">
+      <roundcube:object name="productname" condition="config:display_product_info &gt; 0" />
+      <roundcube:object name="version" condition="config:display_product_info == 2" />
+      <roundcube:if condition="config:support_url" />
+        &nbsp;&bull;&nbsp; <a href="<roundcube:var name='config:support_url' />" target="_blank" rel="noopener" class="support-link"><roundcube:label name="support" /></a>
+      <roundcube:endif />
+      <roundcube:container name="loginfooter" id="login-footer" />
+    </div>
+  </roundcube:form>
+</div>
+
+<script>
+  (function () {
+    var root = document.documentElement;
+    var button = document.getElementById('theme-toggle');
+
+    function updateButton() {
+      var dark = root.getAttribute('data-theme') === 'dark';
+      button.textContent = dark ? 'DAYLIGHT' : 'WASTELAND';
+      button.setAttribute('aria-pressed', dark ? 'true' : 'false');
+    }
+
+    updateButton();
+    button.addEventListener('click', function () {
+      var dark = root.getAttribute('data-theme') === 'dark';
+      if (dark) {
+        root.removeAttribute('data-theme');
+      } else {
+        root.setAttribute('data-theme', 'dark');
+      }
+      try {
+        localStorage.setItem('ep-theme', dark ? 'light' : 'dark');
+      } catch (error) { }
+      updateButton();
+    });
+  }());
+</script>
+
+<noscript>
+  <p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
+</noscript>
+
+<roundcube:include file="includes/footer.html" />