.themes {
	position: fixed;
    width: 5rem;
    height: auto;
    /*background: #373737;*/
    z-index: 999999;
    bottom: 0rem;
    padding: 1rem;
    li {
    	width: 2.5rem;
    	height: 2.5rem;
    	&.blue{
    		background: blue;
    	}
    	&.red{
    		background: red;
    	}
    	&.green{}
    	&.purple{}
    	&.orange{}
    	&.foshia{}
    	&.yellow{}
    }
}
.themes li {
	width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    position: relative;
}
.themes li .blue { background: #2a80b9; }
.themes li .red { background: #bb3c3d; }
.themes li .green { background: #2ab970; }
.themes li .purple { background: #501f6e; }
.themes li .orange { background: #e2492f; }
.themes li .foshia { background: #ca468f; }
.themes li .yellow { background: #c69f73; }

.themes li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}