.theme-color-apple-green
{
    background-color:#8e9e82;
}

.theme-color-iphone-green
{
    background-color:#374A37;
}

.theme-color-red
{
    background-color:Maroon;
}

.theme-color-pink
{
    background-color:#94535d;
}

.theme-color-blue
{
    background-color:#5e87b0;
}

.theme-color-brown
{
    background-color:#a37e58;
}

.theme-color-purple
{
    background-color:#7976b3;
}

.theme-color-black
{
    background-color:#424242;
}


.theme-setting {
    position: fixed;
    right: 2rem;
    top: 20rem;
    opacity: 0;
    z-index: 931;
    padding:0px 0px 0px 0px;
    visibility:hidden;
    transition-delay:0.3;
    transition: all linear 0.5s; 
}

.theme-setting.display{
    top: 15rem;
    opacity: 1;
}


.theme-setting .theme-setting-items
{
    border: solid 1px #CCCCCC;
    background:#FFFFFF;
    padding:10px 10px 10px 10px;
    border-radius: 5px;
}

.theme-setting .theme-setting-items ul{
    display:flex;
    flex-direction: column;
    gap:10px;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.theme-setting .theme-setting-items ul li{
    list-style-type: none;
}

.theme-setting .theme-setting-items ul li a{
    display:block;
    min-width:40px;
    min-height:40px;
    border: solid 1px #555555;
}