forked from rDrama/rDrama
1
0
Fork 0
master
kek7198 2021-12-20 22:18:43 -06:00
parent 36df379c09
commit 6e24052f94
1 changed files with 22 additions and 22 deletions

View File

@ -70,18 +70,18 @@
</div> </div>
</label> </label>
</div> </div>
<!-- Slate --> <!-- Savile Row -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center"> <div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="theme" value="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-iron'%}checked{% endif %}> <input hidden name="theme" value="theme-savile-row" type="radio" id="savile-row-theme" class="peer" onchange="changeTheme(['theme-savile-row']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-savile-row' %}checked{% endif %}>
<label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden"> <label for="savile-row-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
<div class="flex flex-col w-full h-full bg-[#3f3f46]"> <div class="flex flex-col w-full h-full bg-[#524737]">
<div class="h-3 w-full bg-[#3f3f46]"></div> <div class="h-3 w-full bg-[#524737]"></div>
<div class="h-4 w-full bg-[#d4d4d8]"></div> <div class="h-4 w-full bg-[#dbd8d1]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] p-2 mb-0"> <ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe9e5] p-2 mb-0">
<li class="flex"> <li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i> <i class="fas fa-arrow-alt-up text-[8px] text-[#155e75]"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div> <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-[#db2777]"></div> <div class="ml-auto h-2 w-1/4 rounded-full bg-[#155e75]"></div>
</li> </li>
<li class="flex"> <li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i> <i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
@ -96,7 +96,7 @@
</ul> </ul>
</div> </div>
<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center"> <div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
<span class="font-bold text-base">Slate</span> <span class="font-bold text-base">Savile Row</span>
</div> </div>
</label> </label>
</div> </div>
@ -190,7 +190,7 @@
</div> </div>
</label> </label>
</div> </div>
<!-- Bubblegum --> <!-- Confection -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center"> <div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="theme" value="theme-bubblegum" type="radio" id="bubblegum-theme" class="peer" onchange="changeTheme(['theme-bubblegum']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-bubblegum'%}checked{% endif %}> <input hidden name="theme" value="theme-bubblegum" type="radio" id="bubblegum-theme" class="peer" onchange="changeTheme(['theme-bubblegum']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-bubblegum'%}checked{% endif %}>
<label for="bubblegum-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden"> <label for="bubblegum-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
@ -460,7 +460,7 @@
</div> </div>
</label> </label>
</div> </div>
<!-- yale --> <!-- Yale -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center"> <div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="theme" value="theme-yale dark" type="radio" id="yale-theme" class="peer" onchange="changeTheme(['theme-yale','dark']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-yale dark' %}checked{% endif %}> <input hidden name="theme" value="theme-yale dark" type="radio" id="yale-theme" class="peer" onchange="changeTheme(['theme-yale','dark']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-yale dark' %}checked{% endif %}>
<label for="yale-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden"> <label for="yale-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
@ -580,18 +580,18 @@
</div> </div>
</label> </label>
</div> </div>
<!-- Savile Row --> <!-- Slate -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center"> <div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="theme" value="theme-savile-row" type="radio" id="savile-row-theme" class="peer" onchange="changeTheme(['theme-savile-row']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-savile-row' %}checked{% endif %}> <input hidden name="theme" value="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-iron'%}checked{% endif %}>
<label for="savile-row-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden"> <label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-300 hover:border-gray-400 shadow-sm dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-blue-500 peer-checked:bg-blue-600/10 rounded-lg overflow-hidden">
<div class="flex flex-col w-full h-full bg-[#524737]"> <div class="flex flex-col w-full h-full bg-[#3f3f46]">
<div class="h-3 w-full bg-[#524737]"></div> <div class="h-3 w-full bg-[#3f3f46]"></div>
<div class="h-4 w-full bg-[#dbd8d1]"></div> <div class="h-4 w-full bg-[#d4d4d8]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe9e5] p-2 mb-0"> <ul class="flex flex-col space-y-1 h-12 w-full bg-[#e4e4e7] p-2 mb-0">
<li class="flex"> <li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#155e75]"></i> <i class="fas fa-arrow-alt-up text-[8px] text-[#db2777]"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-black/40"></div> <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-[#155e75]"></div> <div class="ml-auto h-2 w-1/4 rounded-full bg-[#db2777]"></div>
</li> </li>
<li class="flex"> <li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i> <i class="fas fa-arrow-alt-up text-[8px] text-black/40"></i>
@ -606,7 +606,7 @@
</ul> </ul>
</div> </div>
<div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center"> <div class="w-full border-t border-gray-200 dark:border-gray-600 p-2 text-center">
<span class="font-bold text-base">Savile Row</span> <span class="font-bold text-base">Slate</span>
</div> </div>
</label> </label>
</div> </div>