.. container::

   ::

      <img src="Resources/Public/Icon/Extension.svg" width="120px" height="120px" alt="Skins" title="TYPO3 extension skins" style="margin: 0 auto;">

   .. rubric:: TYPO3 extension *skins*
      :name: typo3-extension-skins

   |release| |TYPO3| |TYPO3| |License|

Skins
-----

This extension adds a dark skin (dark theme) to the TYPO3 backend. The
colors are customizable and can be changed to your favorite colors.

All notable changes to this project will be documented in the
`Changelog <CHANGELOG.md>`__ file.

Available Skins
---------------

-  Light (TYPO3 default skin)
-  Dark (default if enabled)
-  Custom (you can choose your own colors for your backend)

Usage
-----

1. Click on the paint brush in the top bar
2. Choose your skin and enabled it by clicking on the toggle button

.. |release| image:: https://img.shields.io/github/v/release/Dominik-Sch/skins?sort=semver
   :target: https://github.com/Dominik-Sch/skins/releases/latest
.. |TYPO3| image:: https://img.shields.io/badge/TYPO3-v11-ff8700
   :target: https://typo3.org/
.. |TYPO3| image:: https://img.shields.io/badge/TYPO3-v10-ff8700
   :target: https://typo3.org/
.. |License| image:: https://img.shields.io/github/license/Dominik-Sch/skins
   :target: LICENSE