diff --git a/templates/admin/base.html b/templates/admin/base.html
index adab61c..9901cfd 100644
--- a/templates/admin/base.html
+++ b/templates/admin/base.html
@@ -55,6 +55,19 @@
     --object-tools-bg: var(--close-button-bg);
     --object-tools-hover-bg: var(--close-button-hover-bg);
   }
+
+  #logout {
+  background: none!important;
+  border: none;
+  padding: 0!important;
+  /*optional*/
+  font-family: arial, sans-serif;
+  /*input has OS specific font-family*/
+  color: var(--header-link-color);;
+  border-bottom-color: rgba(255, 255, 255, 0.25);
+  text-decoration: underline;
+  cursor: pointer;
+}
 </style>
 {% endblock %}
 
@@ -71,5 +84,22 @@
     {% if user.has_usable_password %}
     <a href="{% url 'admin:password_change' %}">{% translate 'Change password' %}</a> /
     {% endif %}
-    <a href="{% url 'admin:logout' %}">{% translate 'Log out' %}</a>
+    <form id="logout-form" method="post" action="/admin/logout/">
+      {% csrf_token %}
+      <button type="submit">{% translate 'Log out' %}</button>
+    </form>
+    <button class="theme-toggle">
+      <div class="visually-hidden theme-label-when-auto">Przełącz motyw (bieżący motyw: auto)</div>
+      <div class="visually-hidden theme-label-when-light">Przełącz motyw (bieżący motyw: jasny)</div>
+      <div class="visually-hidden theme-label-when-dark">Przełącz motyw (bieżący motyw: ciemny)</div>
+      <svg aria-hidden="true" class="theme-icon-when-auto">
+        <use xlink:href="#icon-auto"></use>
+      </svg>
+      <svg aria-hidden="true" class="theme-icon-when-dark">
+        <use xlink:href="#icon-moon"></use>
+      </svg>
+      <svg aria-hidden="true" class="theme-icon-when-light">
+        <use xlink:href="#icon-sun"></use>
+      </svg>
+    </button>
 {% endblock %}