Custom CSS Gallery

by Keaton Hosksins

This page is a collection of SmartTiles Themes gathered from the many contributors on the SmartThings Community – SmartTiles Custom CSS Thread.

You will find three categories below in the TOC. Each Theme will have a screenshot that will show what the theme looks like.

Do you want to submit your custom CSS Theme to be featured on this page? CLICK HERE


Complete Themes

Name: White with Grey and Multiple Custom Devices
Author: diehllane


Back to TOC

Name: White/Grey Theme
Author: Swindmiller



Back to TOC

Go to Custom CSS Gallery Page 2


Device Specific Theme

 How to Find your DeviceID

  1. Log into your IDE from one of the following
  2. Go to the “My Devices” tab:
  3. Find the device(s) in the “Display Name” column you need the DeviceID for and select it to open.
  4. Locate and select “List Events” from the device settings page:
  5. You will see a list of events with timestamps, select one of them to open the event:
  6. In the Event page, locate and copy the “deviceId” string:
  7. Use this string for your specific device controls and CSS formatting.


Back to TOC

Custom Formatting

Tiles without specific colors set use this:

Change a specific tile change “.tile” to “.<tiletype>“:

Tile Names:

Change Multiple switches to the same color this is the format:

Create or modify the tiles under themes:

List of Themes:

Change the icon color on the tile you could use:

Change the Text on the tile you use:


Back to TOC

Submit Custom CSS Theme

Back to TOC

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.