User GuideManage Themes

Manage Themes

Sana Commerce 8.1
Your provider

Watch screencast on how to create and change the webshop theme.

Controls

Buttons

 

No. Description Default color
Normal and carousel button
10A Text color #FFFFFF
10B Background start color #BABBB3
10C Background end color #989A8A
10D Border color #9196A2

No. Description Default color
Default and pager active button
10E Text color #FFFFFF
10F Background start color #67A9EB
10G Background end color #4E8CCA
10H Border color #5B9FE4

No. Description Default color
Call to action button
10I Text color #FFFFFF
10J Background start color #F68B53
10K Background end color #E06829
10L Border color #E37B45 (darker)

No. Description Default color
Disabled button
10M Background start color #FBFBFB
10N Background end color #F0F0EE
10O Border color #E2E2DE


Carousel

No. Description Default color
Container
11A Background start color #FBFBFB
11B Background end color #F0F0EE
11C Border color #E2E2DE
15C Text color normal text color
Hover item
9E Background color category tree hover category background color
Selected item
9B Background start color category tree active category background start color
9C Background end color category tree active category background end color


Checkout Steps

No. Description Default color
Container
1B Border and separator color general border color
Active step
12A Text color #FFFFFF
12B Background start color #F78B53
12C Background end color #DF6829
Unfinished step
12D Text color #7C7D73
12E Background start color #FFFFFF
12F Background end color #FFFFFF
Finished step
12G Text color #81AA4B
12H Background start color #FCFBFB
12I Background end color #F0F0EE


Pagers

 

No. Description Default color
25A
Background color
#FFFFFF
25B
Text color
#7C7D73
25C
Border color
#E2E2DE


Pop-ups

 

No. Description Default color
Normal popups, Progress indicator popups, Basket animation popup
26A Background color #FFFFFF
1B Border color general border color
User GuideManage Themes