Publish 2024-09-20

Author: alexanderby

help/mobile/index.html

@@ -25,14 +25,53 @@
     </header>
     <article class="page-grid-content">
         <h1>Mobile Help — Dark Reader</h1>
-        <p>The article for <strong>Dark Reader Mobile</strong> is in progress.</p>
-<p>You will be automatically redirected to <a href="../en/">Dark Reader v4 Help</a> page in 5 seconds...</p>
-<script defer>
-    setTimeout(() => {
-        location.replace('../en/');
-    }, 5000);
-</script>
+        <h3 id="how-to-use-dark-reader">How to use Dark Reader</h3>
+<ul>
+<li>Click <strong>☰</strong> to open the <strong>browser menu</strong>.</li>
+</ul>
+<img src="/images/help/edge-menu-1.png" alt="Click Edge menu icon" style="width: 15rem;" loading="lazy" />
 
+<ul>
+<li>Click the 🧩 <strong>Extensions</strong> menu option.</li>
+</ul>
+<img src="/images/help/edge-menu-2.png" alt="Click Edge Extensions button" style="width: 15rem;" loading="lazy" />
+
+<ul>
+<li><p>Click <strong>Dark Reader</strong> to open the extension&#39;s options.</p>
+</li>
+<li><p>Make sure Dark Reader is <strong>turned on</strong> and activated for the current website.</p>
+</li>
+</ul>
+<img src="/images/help/edge-menu-3.png" alt="Dark Reader menu" style="width: 15rem;" loading="lazy" />
+
+<h3 id="changing-color-theme">Changing color theme</h3>
+<ul>
+<li><p>You can choose one of the pre-defined themes in the <strong>Theme</strong> section.</p>
+</li>
+<li><p>Click the <strong>Customize</strong> button to access Theme Settings.</p>
+</li>
+<li><p>Select a theme from one of the <strong>pre-defined presets</strong>, or choose <strong>Create Your Theme</strong> to design a custom look.</p>
+</li>
+<li><p>Set custom background and text colors.</p>
+</li>
+</ul>
+<p><strong>Hue</strong> changes the color tone,
+<strong>Saturation</strong> modifies the intensity of the color,
+<strong>Lightness</strong> adjusts the brightness.</p>
+<ul>
+<li><strong>Filter</strong> mode can be used for some web apps like spreadsheets or CAD editors. It works faster by inverting the web page&#39;s content, but will make already dark parts bright.</li>
+</ul>
+<h3 id="settings">Settings</h3>
+<ul>
+<li><p>In the <strong>General</strong> settings, you can enable or disable the extension by default for all websites or PDF files.</p>
+</li>
+<li><p>There are several <strong>Automation</strong> options.
+Use <strong>System Color Scheme</strong> to activate the extension according to the system’s light or dark mode. You can also set <strong>active hours</strong> or turn the extension on after a <strong>sunset</strong> in a specific location (latitude and longitude).</p>
+</li>
+</ul>
+<h2 id="contacts">Contacts</h2>
+<p>For any questions, please contact us at <a href="mailto:[email protected]">[email protected]</a></p>
+<p><strong>Dark Reader team wishes you pleasant web browsing!</strong></p>
 <style>
     aside,
     darkreader-donate-mascot,
@@ -43,6 +82,10 @@ <h1>Mobile Help — Dark Reader</h1>
     darkreader-mobile-top-short {
         display: none;
     }
+
+    article img {
+        margin-left: 2.5rem;
+    }
 </style>
 
         <darkreader-pay-tiers></darkreader-pay-tiers>