[data-sa-theme="1"] {
    --bs-body-img: url("/static/home/img/themes/1.jpg");
    --topbarBg: rgba(46, 35, 35, 0.5);
    --primaryBg: rgba(46, 35, 35, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #ffefef;              
    --sidebarText: #ffffff;               
    --sidebarTextHover: #ffefef;          

    --outside: #ffffff;                   
    --frameBg: rgba(46, 35, 35, 0.3);     
    --frameBgHover: rgba(46, 35, 35, 0.5);
    --frameText: #ffffff;                 
    --frameTextHover: #ffefef;

    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="2"] {
    --bs-body-img: url("/static/home/img/themes/2.jpg");
    --topbarBg: rgba(36, 35, 46, 0.5);
    --primaryBg: rgba(36, 35, 46, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #e7feff;
    --sidebarText: #c6eced;
    --sidebarTextHover: #e7feff;

    --outside: #c6eced;
    --frameBg: rgba(36, 35, 46, 0.3);
    --frameBgHover: rgba(36, 35, 46, 0.5);
    --frameText: #c6eced;
    --frameTextHover: #e7feff;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="3"] {
    --bs-body-img: url("/static/home/img/themes/3.jpg");
    --topbarBg: rgba(36, 46, 35, 0.5);
    --primaryBg: rgba(36, 46, 35, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #e7fff3;
    --sidebarText: #e7fff3;
    --sidebarTextHover: #e7fff3;

    --outside: #e7fff3;
    --frameBg: rgba(36, 46, 35, 0.3);
    --frameBgHover: rgba(36, 46, 35, 0.5);
    --frameText: #e7fff3;
    --frameTextHover: #e7fff3;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="4"] {
    --bs-body-img: url("/static/home/img/themes/4.jpg");
    --topbarBg: rgba(46, 44, 35, 0.5);
    --primaryBg: rgba(46, 44, 35, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #dfc9a2;
    --sidebarText: #dfc9a2;
    --sidebarTextHover: #dfc9a2;

    --outside: #dfc9a2;
    --frameBg: rgba(46, 44, 35, 0.3);
    --frameBgHover: rgba(46, 44, 35, 0.5);
    --frameText: #dfc9a2;
    --frameTextHover: #dfc9a2;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="5"] {
    --bs-body-img: url("/static/home/img/themes/5.jpg");
    --topbarBg: rgba(46, 35, 35, 0.5);
    --primaryBg: rgba(46, 35, 35, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #e7feff;
    --sidebarText: #c6eced;
    --sidebarTextHover: #e7feff;

    --outside: #c6eced;
    --frameBg: rgba(46, 35, 35, 0.3);
    --frameBgHover: rgba(46, 35, 35, 0.5);
    --frameText: #c6eced;
    --frameTextHover: #e7feff;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="6"] {
    --bs-body-img: url("/static/home/img/themes/6.jpg");
    --topbarBg: rgba(83, 109, 107, 0.5);
    --primaryBg: rgba(83, 109, 107, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #e7feff;
    --sidebarText: #c6eced;
    --sidebarTextHover: #e7feff;

    --outside: #c6eced;
    --frameBg: rgba(83, 109, 107, 0.3);
    --frameBgHover: rgba(83, 109, 107, 0.5);
    --frameText: #c6eced;
    --frameTextHover: #e7feff;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="7"] {
    --bs-body-img: url("/static/home/img/themes/7.jpg");
    --topbarBg: rgba(46, 35, 35, 0.5);
    --primaryBg: rgba(46, 35, 35, 0.5);
    --sidebarBg: transparent;
    --sidebarHover: #e7feff;
    --sidebarText: #c6eced;
    --sidebarTextHover: #e7feff;

    --outside: #c6eced;
    --frameBg: rgba(46, 35, 35, 0.3);
    --frameBgHover: rgba(46, 35, 35, 0.5);
    --frameText: #c6eced;
    --frameTextHover: #e7feff;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="8"] {
    --bs-body-img: url("/static/home/img/themes/8.jpg");
    --topbarBg: rgb(53 32 46 / 50%);
    --primaryBg: rgb(53 32 46 / 50%);
    --sidebarBg: transparent;
    --sidebarHover: #f4e4ff;
    --sidebarText: #f4e4ff;
    --sidebarTextHover: #f4e4ff;

    --outside: #f4e4ff;
    --frameBg: rgba(46, 35, 35, 0.3);
    --frameBgHover: rgb(53 32 46 / 50%);
    --frameText: #f4e4ff;
    --frameTextHover: #f4e4ff;
    --dashboardBg: var(--primaryBg);
    --borderColor: var(--sidebarTextHover);
}

[data-sa-theme="9"] {
    --bs-body-img: url("/static/home/img/themes/9.jpg");
    --topbarBg: #102E30;
    --primaryBg: #102E30;
    --sidebarBg: rgb(77, 77, 77);
    --sidebarHover: #cfcfcf;
    --sidebarText: #cfcfcf;
    --sidebarTextHover: #a1bba6;

    --outside: #102E30;
    --frameBg: transparent;
    --frameBgHover: transparent;
    --frameText: var(--sidebarBg);
    --frameTextHover: #cfcfcf;
    --dashboardBg: #848484;
    --borderColor: var(--sidebarBg);
}