Skip to content

phaniav/speak.theming

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SPEAK Theming

SPEAK Theming is the great addition to the Sitecore SPEAK framework in order to make SPEAK applications look trendy. Currently it contains 4 teams and covers SPEAK v.1 and SPEAK v.2 components. Also it provides a way to add your own theme and use it - see the "Add your theme" section.

List of themes

  1. Contrast contrast
  2. Orange orange
  3. Red and Black Red and Black
  4. Teal teal

Requirements

In order to use SPEAK Theming you need to have

  1. Sitecore version 8.1 or higher.
  2. Hedgehog TDS in case you want to install the themes from sources.

How to install

You can download existing Sitecore package from its marketplace page and install it via Sitecore Package Installer or you can install it from the sources in the following way:

  1. Checkout this repository from github
  2. Install the Sitecore CMS v. 8.1 or higher or skip this step if you have Sitecore installed
  3. Change the /code/Setup.cmd file:
  • source is a path to checkout folder
  • target is a path to the website folder of the Sitecore instance
  1. Change properties of TDS project
  • Right click on Sitecore.Speak.Theming.Core project, select Properties.
  • Select Build tab and change Sitecore Web Url and Sitecore Deploy Folder of your Sitecore instance accordingly.
  1. Build solution
  2. Run the /code/Setup.cmd in the command line
  3. Sync items for Sitecore.Speak.Theming.Core project.
  4. Rebuild core database:
  • Go to the Sitecore Control Panel [yourInstance]/sitecore/client/Applications/ControlPanel.aspx
  • Click on Indexing Manager, choose Sitecore_core_index and click Rebuild.

How to use

Navigate to the Sitecore Launchpad and select the Theming shortcut. Here you can select the theme you want and save your choice.

How to add your own theme

The theme is defined by the item definition where you can provide the theme name and the location of your css files for this theme. In order to add your theme do the following:

  1. Duplicate one of the existing theme item definitions in the core database: sitecore\client\Applications\Theming\Change\PageSettings\Themes\
  2. Rename your item with the theme name
  3. Set the SourceSpeakV1 and SourceSpeakV2 fields to point out to the appropriate CSS files with theme styles

About

Sitecore SPEAK theming project

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 99.0%
  • Other 1.0%