1. ActionTiles Forum
  2. Colors Icons Fonts Themes
  3. Questions & Discussions
0
Discuss & Vote

Share Your Themes Here

Sgni 7 years ago in Colors Icons Fonts Themes • updated by Chaim Loecher 5 years ago • 9

I'm not sure if we should share them as files or as text within the post. 
In the interest of making it obvious what's in the bundle of text right off that bat, I'm posting the full text of the themes in the post. Please let me/us know if we should do it the other way. 

I call this one "Mint Chocolate"...

{
  "accent-background-color": "#003000",
  "accent-content-color": "#1B5E20",
  "accent-header-color": "#1B5E20",
  "info-background-color": "#160b03",
  "info-content-color": "#795548",
  "info-header-color": "#795548",
  "normal-background-color": "#001000",
  "normal-content-color": "#43A047",
  "normal-header-color": "#005000",
  "panel-background-color": "#000500",
  "tileset-text-color": "#00C853",
  "warn-background-color": "#D50000",
  "warn-content-color": "#FFD600",
  "warn-header-color": "#FFD600"
}

Image 2270



I call this one "Chocolate Cherry", and use it as a night theme...

{
  "accent-background-color": "#200000",
  "accent-content-color": "#400000",
  "accent-header-color": "#500000",
  "info-background-color": "#100000",
  "info-content-color": "#3E2723",
  "info-header-color": "#3E2723",
  "normal-background-color": "#000000",
  "normal-content-color": "#600000",
  "normal-header-color": "#400000",
  "panel-background-color": "#000000",
  "tileset-text-color": "#00C853",
  "warn-background-color": "#D50000",
  "warn-content-color": "#FFD600",
  "warn-header-color": "#FFD600"
}

Image 2271



Note: On both of these, since I haven't actually thought about it much yet, I consider the settings for 'Warn Tile Intent' unfinished, and not a fit with the rest of my themes.

+4
Sballoz 7 years ago


This is my new theme. Still no name 

Panel background color #4E342E

Tile background color (normal and info) #37474F

Tile background color (accent) #FF5722

All the other colors are white


{
  "accent-tile-background-color": "#EF6C00",
  "accent-tile-content-color": "#37474F",
  "accent-tile-header-color": "#37474F",
  "info-tile-background-color": "#37474F",
  "info-tile-content-color": "#EF6C00",
  "info-tile-header-color": "#EF6C00",
  "normal-tile-background-color": "#37474F",
  "normal-tile-content-color": "#EF6C00",
  "normal-tile-header-color": "#EF6C00",
  "panel-background-color": "#4E342E",
  "tileset-header-color": "#EF6C00",
  "warn-tile-background-color": "#BF360C",
  "warn-tile-content-color": "#37474F",
  "warn-tile-header-color": "#37474F"
}



+1
Discuss & Vote
Terry (ActionTiles) (Co-Founder) 7 years ago

A nice one from you, Sbolloz - as I expected! Magnifico!


Be sure to test the "Export" function on the Theme Builder page to copy / paste the importable text (JSON) format of the Theme for easy import by your grateful fans, please!


(Adoro le etichette italiane!)

Alex (ActionTiles) (Co-Founder) 7 years ago

Cool!

+2
Jason Thomas 7 years ago

Work in progress but with a little patience to design what you like, limitless possibilities... 


Great job AT!


{

  "accent-tile-background-color": "#FFFF00",
  "accent-tile-content-color": "#3B384A",
  "accent-tile-footer-color": "#000000",
  "accent-tile-header-color": "#3B384A",
  "info-tile-background-color": "#3949AB",
  "info-tile-content-color": "#E040FB",
  "info-tile-header-color": "#FFFFFF",
  "normal-tile-background-color": "#607D8B",
  "normal-tile-content-color": "white",
  "normal-tile-footer-color": "#FFFFFF",
  "normal-tile-header-color": "white",
  "panel-background-color": "#000000",
  "tileset-header-color": "white",
  "warn-tile-background-color": "#D50000",
  "warn-tile-content-color": "white",
  "warn-tile-header-color": "#18FFFF"
}

+1
Terry (ActionTiles) (Co-Founder) 7 years ago

Thanks, Jason!


Try the Export Theme option, please, and paste the resulting Theme text here...?


...Terry.

Terry (ActionTiles) (Co-Founder) 6 years ago

I just created this theme "Old Glory" (red, white, blues) for Memorial Day (and other Americana; ... Independence Day, etc.).



{
"accent-tile-background-color": "white",
"accent-tile-content-color": "red",
"accent-tile-footer-color": "#3675C4",
"accent-tile-header-color": "navy",
"info-tile-background-color": "#25399A",
"info-tile-content-color": "skyblue",
"info-tile-footer-color": "white",
"info-tile-header-color": "white",
"normal-tile-background-color": "#021B44",
"normal-tile-content-color": "#20F3FF",
"normal-tile-footer-color": "white",
"normal-tile-header-color": "white",
"panel-background-color": "#657FAD",
"tileset-header-color": "navy",
"warn-tile-background-color": "#C3090A",
"warn-tile-content-color": "#E9E9E9",
"warn-tile-footer-color": "white",
"warn-tile-header-color": "white"
}


More info ... and help promote our Sale?

Checkout (and please Share) our Facebook posting which uses this theme to promote Memorial Day Sale / Coupon: https://www.facebook.com/ActionTiles/photos/a.267066580384976.1073741828.207903549634613/448459565579009/?type=3

+1
Jim Ray 5 years ago

ROLL TIDE!


{

"accent-tile-background-color": "rgba(0, 0, 0, 1)",

"accent-tile-content-color": "rgba(166, 3, 0, 1)",

"accent-tile-footer-color": "",

"accent-tile-header-color": "",

"panel-background-image-type": "url",

"panel-background-image-url": "https://wallpapercave.com/wp/ivnCVq6.jpg",

"tile-corner-radius": 10,

"tile-spacer-size": 10,

"warn-tile-background-color": "rgba(166, 3, 0, 1)"

}

+1
Andy Montgomery 5 years ago



{

"accent-tile-background-color": "rgba(35, 235, 119, 0.62)",

"accent-tile-border-color": "rgba(255, 254, 250, 0.47)",

"accent-tile-content-color": "rgba(255, 254, 250, 0.47)",

"accent-tile-footer-color": "rgba(255, 254, 250, 0.47)",

"accent-tile-header-color": "rgba(255, 254, 250, 0.47)",

"info-tile-background-color": "rgba(217, 43, 0, 0.62)",

"info-tile-border-color": "rgba(255, 254, 250, 0.47)",

"info-tile-content-color": "rgba(255, 254, 250, 0.47)",

"info-tile-footer-color": "rgba(255, 254, 250, 0.47)",

"info-tile-header-color": "rgba(255, 254, 250, 0.47)",

"normal-tile-background-color": "rgba(73, 142, 235, 0.62)",

"normal-tile-border-color": "rgba(255, 254, 250, 0.47)",

"normal-tile-content-color": "rgba(255, 254, 250, 0.47)",

"normal-tile-footer-color": "rgba(255, 254, 250, 0.47)",

"normal-tile-header-color": "rgba(255, 254, 250, 0.47)",

"panel-background-color": "black",

"panel-background-gradient-stock": "ldt",

"panel-background-gradient-type": "stock",

"panel-background-image-blur": 6,

"panel-background-image-opacity": 100,

"panel-background-image-stock": "bg201",

"panel-background-image-type": "url",

"panel-background-image-url": "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ3rzi_QHlvi58n1vtAJGZVdWxJ2xHaGoaZV99zU_mdyEQw920B",

"tile-background-gradient-stock": "ldt",

"tile-background-gradient-type": "stock",

"tile-background-image-blur": 32,

"tile-background-image-opacity": 24,

"tile-background-image-type": "url",

"tile-background-image-url": "https://www.google.com/imgres?imgurl=https%3A%2F%2Fimages.assetsdelivery.com%2Fcompings_v2%2Fsunspire%2Fsunspire1601%2Fsunspire160100104.jpg&imgrefurl=https%3A%2F%2Fen.clipdealer.com%2Fvector%2Fmedia%2FA%3A51246516&tbnid=ik0Fq3uY3egolM&vet=10CMEBEDMojANqFwoTCLiLlfWdzeUCFQAAAAAdAAAAABAJ..i&docid=8pE_TdknL4E6eM&w=450&h=433&q=retro%20texture&ved=0CMEBEDMojANqFwoTCLiLlfWdzeUCFQAAAAAdAAAAABAJ",

"tileset-header-color": "rgba(255, 254, 250, 0.47)",

"warn-tile-background-color": "rgba(179, 122, 254, .62)",

"warn-tile-border-color": "rgba(255, 254, 250, 0.47)",

"warn-tile-content-color": "rgba(255, 254, 250, 0.47)",

"warn-tile-footer-color": "rgba(255, 254, 250, 0.47)",

"warn-tile-header-color": "rgba(255, 254, 250, 0.47)"

}

Chaim Loecher 5 years ago

I use different themes for different displays. 

DakBoard and FullyKiosk for my home panel (fireHD and/or Ipad)

Straight Actiontile linked as my favorite browser in my Tesla - with the "new" Smartthings app and actiontiles works flawlessly for about a 2 years now.

{
"accent-tile-background-color": "rgba(146, 192, 209, 0.52)",
"accent-tile-border-color": "rgba(242, 242, 242, 1)",
"accent-tile-content-color": "rgba(15, 255, 15, 0.89)",
"accent-tile-footer-color": "url(https://media.giphy.com/media/efUcLJePY6RkA/giphy.gif)",
"accent-tile-header-color": "#FFFFFF",
"info-tile-background-color": "#40212121; border: 2px solid grey; box-shadow: 5px 1px #url(https://media.giphy.com/media/pvlVZHOr9ZzG0/giphy.gif); box-shadow: 2px 7px #9E9E9E;",
"info-tile-border-color": "rgba(255, 255, 255, 0.58)",
"info-tile-content-color": "rgba(152, 163, 224, 0.78)",
"info-tile-footer-color": "rgba(161, 168, 171, 0.88)",
"info-tile-header-color": "rgba(253, 250, 255, 1)",
"normal-tile-background-color": "rgba(0, 149, 255, 1)",
"normal-tile-content-color": "rgba(255, 120, 138, 1)",
"normal-tile-footer-color": "#FFFFFF",
"normal-tile-header-color": "rgba(255, 255, 255, 1)",
"panel-background-color": "#990254d8; border: 10px solid black; background: url(https://media.giphy.com/media/xUNd9AVIRzF7UHPKNi/giphy.gif); opacity: 5; background-repeat: no-repeat; background-size: cover;",
"tile-background-gradient-stock": "rde",
"tile-background-gradient-type": "stock",
"tile-background-image-opacity": 0,
"tile-background-image-type": "url",
"tile-background-image-url": "Background: url(https://media.giphy.com/media/efUcLJePY6RkA/giphy.gif);",
"tile-border-width": 2,
"tile-corner-radius": 6,
"tile-spacer-size": 7,
"tileset-header-color": "rgba(255, 212, 199, 1)",
"warn-tile-background-color": "rgba(255, 255, 255, 0.59)",
"warn-tile-content-color": "rgba(255, 231, 186, 1)",
"warn-tile-footer-color": "#90A4AE",
"warn-tile-header-color": "rgba(247, 251, 255, 0.55)"
}

Feel free to clean up the code and redundant mess, I have just added more over time.

I check responses if anyone has a question.

Cheers

Customer support service by UserEcho