master
kek7198 2021-12-19 23:28:03 -06:00
parent 29545d625f
commit 781f652e29
2 changed files with 31 additions and 1 deletions

View File

@ -2,7 +2,7 @@
@tailwind components;
@tailwind utilities;
.theme-tron {
.theme-blood-orange {
--color-primary: 249,115,22;
--color-100: 224,231,255;
--color-200: 199,210,254;

View File

@ -250,6 +250,36 @@
</div>
</label>
</div>
<!-- Blood Orange -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-blood-orange" type="radio" id="blood-orange-theme" class="peer" onchange="changeTheme(['theme-blood-orange']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme2 == 'theme-blood-orange'%}checked{% endif %}>
<label for="blood-orange-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-[#524c37]">
<div class="h-3 w-full bg-[#524c37]"></div>
<div class="h-4 w-full bg-[#dbdad1]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe9e5] p-2 mb-0">
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#059669]"></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-[#059669]"></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">Blood Orange</span>
</div>
</label>
</div>
</div>
</div>
</div>