_wpcodebox_folder_and_cloud_styles.md

Scss snippet added inline in admin footer to update WPcoedbox folder and snippet styles, and add a different color background to cloud snippets

wpcodbox_folder_styles.scss

// WP CODEBOX - CHANGE SNIPPET LIST DESIGN //
// *************************************** //
// FOLDER => change styles
.folder-title-container {
    height: unset !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #8787877e;
}
.folder-title-container svg,
.folder-title-container span {
    color: white !important;
}
// FOLDER "CLOUD SNIPPETS" => change style
.folder-title-container.cloud-snippets-title svg,
.folder-title-container.cloud-snippets-title span {
    color: #878787 !important;
    margin-top: 0px !important;
}
.wpcb-theme-dark {
    .cloud-snippet-list,
    .cloud-snippet-list li,
    .cloud-snippet-list li .folder-title-container {
        background-color: rgb(20, 54, 70) !important;
        &.active {
            background-color: #0073aa !important;
        }
    }
}
.cloud-sub-snippet-list.new-snippet-list li > div.snippet-li-item > svg {
    padding-bottom: 3px !important;
}
.cloud-snippets .snippet-li-item{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
// SNIPPET LISTS => change left margin
.snippet-li-item, // top snippet list
.new-snippet-list .sub-snippet-list li .snippet-li-item {
    // sub snippet list
    margin-left: 16px !important;
}
// SINGLE SNIPPET - DIV => set top/bottom spacing to 0
.new-snippet-list li > div.snippet-li-item {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: unset; // set height of single snippet
}
// SINGLE SNIPPET - ITEM ICON => set styles
.new-snippet-list li > div.snippet-li-item > svg {
    width: 15px !important;
    height: 15px !important;
    padding-bottom: 4px !important;
}
// SINGLE SNIPPET - ITEM TEXT => set styles
.new-snippet-list li > div.snippet-li-item > span {
    font-size: 13px !important;
    padding-top: 0px !important;
    padding-bottom: 6px !important;
    font-weight: 500 !important;
    line-height: 13px !important;
}