Add files via upload

css/color1.css

@@ -0,0 +1,4 @@
+
+:root{
+    --skin-color:#ec1839;
+}

css/color2.css

@@ -0,0 +1,3 @@
+:root{
+    --skin-color:#fa5b0f;
+}

css/color3.css

@@ -0,0 +1,3 @@
+:root{
+    --skin-color:#37b182;
+}

css/color4.css

@@ -0,0 +1,3 @@
+:root{
+    --skin-color:#1854b4;
+}

css/color5.css

@@ -0,0 +1,3 @@
+:root{
+    --skin-color:#f021b2;
+}

css/style-switcher.css

@@ -0,0 +1,74 @@
+.style-switcher{
+    position: fixed;
+    right: 0;
+    top: 60px;
+    padding: 15px;
+    width: 200px;
+    border: 1px solid var(--bg-black-50);
+    background: var(--bg-black-100);
+    z-index: 101;
+    border-radius: 5px;
+    transition: all 0.3s ease;
+    transform: translateX(100%);
+}
+.style-switcher.open{
+    transform: translateX(-25px);
+}
+.style-switcher .s-icon{
+    position: absolute;
+    height: 40px;
+    width: 40px;
+    text-align: center;
+    font-size: 20px;
+    background: var(--bg-black-100);
+    color: var(--text-black-900);
+    right: 100%;
+    border: 1px solid var(--bg-black-50);
+    margin-right: 25px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    border-radius: 50%;
+}
+.style-switcher .s-icon i{
+    line-height: 40px;
+}
+.style-switcher .style-switcher-toggler{
+    top: 0;
+}
+.style-switcher .day-night{
+    top: 55px;
+}
+.style-switcher h4{
+    margin: 0 0 10px;
+    color: var(--text-black-700);
+    font-size: 16px;
+    font-weight: 600;
+    text-transform: capitalize;
+}
+.style-switcher .colors{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.style-switcher .colors span{
+    display: inline-block;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+
+}
+.style-switcher .color1{
+    background: #ec1839;
+}
+.style-switcher .color2{
+    background: #fa5b0f;
+}
+.style-switcher .color3{
+    background: #37b182;
+}
+.style-switcher .color4{
+    background: #1854b4;
+}
+.style-switcher .color5{
+    background: #f021b2;
+}