skybow SharePoint Apps
Theme Templates

 

Theme Designer provides several template themes for common SharePoint elements and skybow applications.

They are stored in Site Assets -> skybowAppsThemeTemplates folder and are updated with every Theme Designer update.

 

 

Provided themes cannot be edited or deleted from the Theme Designer home page. But user can save new themes based on them.

As well, user can add custom css file with the configuration, to create own theme template

The name of the css file corresponds to the name of the theme template.

 

Theme for Action Links app "sbUIActionLInks"
Copy Code
.skybow-actionlinks-items-container a {
    text-decoration : none;
}
.skybow-actionlinks-items-container a {
    vertical-align : middle;
}
.skybow-actionlinks-items-container a:hover {
    text-decoration : none;
}
.skybow-actionlinks-items-container a:hover {
    vertical-align : middle;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    margin-top : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    margin-right : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    margin-left : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    padding-top : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    padding-left : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    height : 44px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    margin-bottom : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    padding-right : 0px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    padding-bottom : 1px;
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container .skybow-actionlinks-itemicon {
    margin : 0px;
    padding : 10px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    margin-top : 0px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    margin-right : 0px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    margin-bottom : 0px;
    margin-left : 0px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    padding-left : 0px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    padding-bottom : 0px;
}
.skybow-actionlinks-template.skybow-actionlinks-listview {
    padding-top : 0px;
    padding-right : 0px;
}
ul.skybow-actionlinks-items-container > li.skybow-actionlinks-actionlink-li {
    margin : 0px 0px 1px 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    margin-top : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    margin-right : 0px;
    margin-bottom : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    padding-left : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    padding-right : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    padding-top : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    padding-bottom : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone {
    margin-left : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    margin-top : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    margin-right : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    margin-left : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    padding-left : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    padding-bottom : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    padding-right : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    margin-bottom : 0px;
}
ul.skybow-actionlinks-items-container:not(:empty) {
    padding-top : 0px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone div.ms-webpart-chrome-title {
    margin-bottom : 1px;
}
.ms-webpartzone-cell.skybow-actionlinks-webpartzone div.ms-webpart-chrome-title {
    padding-bottom : 8px;
}
.skybow-actionlinks-items-container a {
    /* [ReplaceColor(themeColor:"AccentText", themeShade:"0", themeTint:"0", opacity:"1")] */ color : rgba(0, 114, 198, 1);
}
.skybow-actionlinks-items-container a:hover {
    /* [ReplaceColor(themeColor:"AccentText", themeShade:"0", themeTint:"0", opacity:"1")] */ color : rgba(0, 114, 198, 1);
}
ul.skybow-actionlinks-items-container > li > div.skybow-actionlinks-item-container {
    /* [ReplaceColor(themeColor:"HoverBackground", themeShade:"0", themeTint:"0.7", opacity:"1")] */ background-color : rgba(220, 237, 249, 1);
}

 

 

See Also