| Server IP : 119.59.104.26 / Your IP : 216.73.217.74 Web Server : Apache/2 System : Linux ns69.hostinglotus.net 4.18.0-553.141.2.el8_10.x86_64 #1 SMP Wed Jul 8 10:28:18 EDT 2026 x86_64 User : com12370 ( 1517) PHP Version : 7.2.34 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/com12370/public_html/wp-content/themes/MIXThemes/assets/css/sass/admin/components/ |
Upload File : |
$skins-list: blue coffee ectoplasm midnight ocean sunrise;
$bg-dark-color: #52accc #59524c #523f6d #363b3f #738e96 #cf4944;
$bg-dark-color-secondry: #4796b3 #46403c #413256 #26292c #627c83 #be3631;
$brand-color: #096484 #c7a589 #a3b745 #e14d43 #9ebaa0 #dd823b;
$brand-color-secondry: #74b6ce #b18e70 #bfd84a #d64137 #8da78f #f57e21;
$buttons-color: #e1a948 #9ea476 #d46f15 #69a8bb #aa9d88 #ccaf0b;
@for $i from 1 through length($skins-list) {
/* .#{nth($skins-list, $i)} */
.admin-color-#{nth($skins-list, $i)} {
.tie-panel,
.tie-notice h3,
.tie-option-pre-label {
background: nth($bg-dark-color, $i);
}
.tie-block-head {
background: nth($bg-dark-color-secondry, $i);
}
#theme-search-list a:hover {
color: nth($brand-color, $i);
}
.tie-builder-container .tie-builder-section-title{
background-color: nth($brand-color-secondry, $i);
.tie-block-options {
li a{
background-color: nth($brand-color, $i);
&:hover{
background-color: nth($brand-color-secondry, $i);
}
}
}
}
.blocks-settings-tabs.tie-section-tabs {
background: nth($brand-color-secondry, $i);
a.active {
background: nth($brand-color, $i);
}
}
.tie-panel-tabs {
li{
.tie-theme-update {
background: nth($buttons-color, $i);
}
&.active {
a {
background: nth($brand-color, $i);
}
}
}
}
.checkmark {
box-shadow: inset 0 0 0 nth($brand-color, $i);
}
.checkmark__circle {
stroke: nth($brand-color, $i);
}
.tie-options {
li:after {
background: nth($brand-color, $i);
}
.selected {
a {
&,
span {
background: nth($brand-color, $i);
}
}
}
}
.tie-builder-item-top-container{
background: nth($bg-dark-color, $i);
}
.tie-styles-list-widget input[type="radio"]:checked + img{
border-color: nth($brand-color, $i);
}
}
}