--

public/assets/images/icons/lightweight-mode-false.svg

@@ -3,9 +3,10 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #939393;
+        fill: rgba(147, 147, 147, .85);
       }
     </style>
   </defs>
-  <path class="cls-1" d="M31.66,8.15l-2.14,17.14-.35,2.81h26.29l-23.12,27.75,2.14-17.14.35-2.81H8.54L31.66,8.15M35.2,0L3.2,38.4h28.8l-3.2,25.6L60.8,25.6h-28.8L35.2,0h0Z"/>
+  <path class="cls-1" d="M38.37,46.07l-13.02,16.29c-1.93,2.39-4.98.82-3.87-2.1l8.38-22.69,8.51,8.51ZM49.89,26.3c1.19,0,2.02.85,2.02,1.93,0,.65-.26,1.22-.74,1.82l-5.87,7.35-11.1-11.1h15.7ZM13.89,37.22c-1.19,0-2.05-.82-2.05-1.93,0-.63.28-1.19.77-1.82l5.84-7.3,11.06,11.06h-15.63ZM42.29,3.26l-8.4,22.74-8.52-8.52L38.43,1.19c1.93-2.42,4.95-.85,3.87,2.08Z"/>
+  <path class="cls-1" d="M51.79,54.76c.85.85,2.28.85,3.1,0,.85-.82.85-2.22,0-3.1L11.98,8.75c-.85-.85-2.3-.85-3.13,0-.82.82-.82,2.28,0,3.1l42.94,42.91Z"/>
 </svg>

public/assets/images/icons/lightweight-mode.svg

@@ -3,9 +3,9 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #939393;
+        fill: rgba(147, 147, 147, .85);
       }
     </style>
   </defs>
-  <polygon class="cls-1" points="35.2 0 3.2 38.4 32 38.4 28.8 64 60.8 25.6 32 25.6 35.2 0"/>
+  <path class="cls-1" d="M11.88,35.28c0,1.11.85,1.93,2.05,1.93h16.07l-8.47,23.03c-1.11,2.93,1.93,4.49,3.84,2.1l25.85-32.31c.48-.6.74-1.17.74-1.82,0-1.08-.85-1.93-2.05-1.93h-16.07L42.31,3.26c1.11-2.93-1.93-4.49-3.84-2.08L12.62,33.46c-.48.63-.74,1.19-.74,1.82Z"/>
 </svg>

public/base-light.html

@@ -36,7 +36,7 @@
             </div>
             <div class="flex">
                 <a href="/access-counter/" class="text-no-decoration hide show-on-medium show-on-large">あなたは{{ get_access_count() }}番目の訪問者です。</a>
-                <a href="?lightweight=0"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode.svg" class="small-icon"></a>
+                <a href="?lightweight=0" class="hide show-on-small"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode.svg" class="small-icon">
             </div>
         </header>
         <main>{% block content %}{% endblock %}</main>
@@ -50,6 +50,7 @@
                 <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-large">email</a>
                 <a href="/public-key/" class="text-no-decoration hide show-on-large">public-key</a>
                 <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-large">vulnerability-reporters</a>
+                <a href="?lightweight=0" class="text-no-decoration hide show-on-medium show-on-large text-bright-blue">lightweight-mode</a>
             </div>
             <div class="flex">
                 <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="small-icon"></a>
@@ -59,7 +60,6 @@
                 <a href="https://zenn.dev/techcat56/"><img alt="zenn" src="/assets/images/icons/zenn.svg" class="small-icon">
                 <!--                                            qiita                           kotonai -->
                 <a href="/server-version/" class="font-bold text-no-decoration hide show-on-medium show-on-large">{{ server_version }}</a>
-                <a href="?lightweight=0" class="hide show-on-medium show-on-large"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode.svg" class="small-icon">
             </div>
         </footer>
     </body>

public/base.html

@@ -58,7 +58,7 @@
             </div>
             <div class="flex">
                 <a href="/access-counter/" class="text-no-decoration hide show-on-medium show-on-large">あなたは{{ get_access_count() }}番目の訪問者です。</a>
-                <a href="?lightweight=1"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode-false.svg" class="small-icon"></a>
+                <a href="?lightweight=1" class="hide show-on-small"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode-false.svg" class="small-icon">
             </div>
         </header>
         <main>{% block content %}{% endblock %}</main>
@@ -72,6 +72,7 @@
                 <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-large">email</a>
                 <a href="/public-key/" class="text-no-decoration hide show-on-large">public-key</a>
                 <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-large">vulnerability-reporters</a>
+                <a href="?lightweight=1" class="text-no-decoration hide show-on-medium show-on-large">lightweight-mode</a>
             </div>
             <div class="flex">
                 <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="small-icon"></a>