.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../../../Includes.txt


.. _developers_kitchensink_theme:


.. index::
    pair:setup;theme
    pair:theme;development


Own Theme
=========

If you like to create your own theme, there are two ways:

* Use the constant editor described at :ref:`Administrator > Best Practice > SCSS > Constant Editor <administrators_bestpractice_scss_constanteditor>`
* Take a TypoScript template and adapt it to yoru needs (see below)

A Tempate for example could be:

* EXT:start/Configuration/TypoScript/Theme/Black/constants.txt

.. code:: php

  start.foundation.scss.body.body-background                  = #030600
  start.foundation.scss.body.body-font-color                  = #f8f8f8

  start.foundation.scss.colorpalette.primary                  = #e0d8c3

  start.foundation.scss.metamenu.metamenu-dropdown            = $white
  start.foundation.scss.metamenu.metamenu-search-color        = $white
  start.foundation.scss.metamenu.metamenu-search-placeholder  = rgba($white, 0.5)

  start.foundation.scss.offcanvas.offcanvas-exit-background   = rgba($black, 0.8)

  start.foundation.scss.reveal.reveal-background              = $topbar-background

  start.foundation.scss.table.table-background                = smart-scale($body-background, 20%, 40%)

  start.foundation.scss.topbar.topbar-background              = #777a72