forked from rDrama/rDrama
fix
parent
a531b0f5cf
commit
4290972ce2
|
@ -15,6 +15,19 @@
|
||||||
--color-900: 49,46,129;
|
--color-900: 49,46,129;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.theme-limon {
|
||||||
|
--color-primary: 253,224,71;
|
||||||
|
--color-100: 236,252,203;
|
||||||
|
--color-200: 217,249,157;
|
||||||
|
--color-300: 190,242,100;
|
||||||
|
--color-400: 163,230,53;
|
||||||
|
--color-500: 132,204,22;
|
||||||
|
--color-600: 101,163,13;
|
||||||
|
--color-700: 77,124,15;
|
||||||
|
--color-800: 63,98,18;
|
||||||
|
--color-900: 54,83,20;
|
||||||
|
}
|
||||||
|
|
||||||
.theme-mocha {
|
.theme-mocha {
|
||||||
--color-primary: 5,150,105;
|
--color-primary: 5,150,105;
|
||||||
--color-100: 246,246,244;
|
--color-100: 246,246,244;
|
||||||
|
|
|
@ -310,6 +310,36 @@
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Limon -->
|
||||||
|
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
|
||||||
|
<input hidden name="kind" value="theme-limon" type="radio" id="limon-theme" class="peer" onchange="changeTheme(['theme-limon']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme2 == 'theme-limon'%}checked{% endif %}>
|
||||||
|
<label for="limon-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 rounded-lg overflow-hidden">
|
||||||
|
<div class="flex flex-col w-full h-full bg-[#4d7c0f]">
|
||||||
|
<div class="h-3 w-full bg-[#4d7c0f]"></div>
|
||||||
|
<div class="h-4 w-full bg-[#bef264]"></div>
|
||||||
|
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#d9f99d] p-2 mb-0">
|
||||||
|
<li class="flex">
|
||||||
|
<i class="fas fa-arrow-alt-up text-[8px] text-[#fde047]"></i>
|
||||||
|
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
|
||||||
|
<div class="ml-auto h-2 w-1/4 rounded-full bg-[#fde047]"></div>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
|
||||||
|
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
|
||||||
|
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
|
||||||
|
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div>
|
||||||
|
<div class="ml-auto h-2 w-1/4 rounded-full bg-transparent"></div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
|
||||||
|
<span class="font-bold text-base">Choco Mint</span>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue