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

 Notes:

Back to TOC

Name: White/Grey Theme
Author: Swindmiller

swindmiller-Grey-White-Custom

 Notes:

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
    1. http://graph.api.smartthings.com
    2. http://graph-na02-useast1.api.smartthings.com
    3. http://graph-eu01-euwest1.api.smartthings.com
  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