forked from rDrama/rDrama
fix
parent
d50689d601
commit
85d48dd368
|
@ -2512,6 +2512,19 @@ video {
|
|||
}
|
||||
|
||||
.theme-haskell {
|
||||
--color-primary: 236,72,153;
|
||||
--color-100: 251,207,232;
|
||||
--color-200: 251,207,232;
|
||||
--color-300: 251,207,232;
|
||||
--color-400: 244,114,182;
|
||||
--color-500: 236,72,153;
|
||||
--color-600: 219,39,119;
|
||||
--color-700: 0,0,31;
|
||||
--color-800: 0,0,31;
|
||||
--color-900: 0,0,31;
|
||||
}
|
||||
|
||||
.theme-yale {
|
||||
--color-primary: 236,72,153;
|
||||
--color-100: 252,231,243;
|
||||
--color-200: 251,207,232;
|
||||
|
|
|
@ -460,6 +460,36 @@
|
|||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- yale -->
|
||||
<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" type="radio" id="yale-theme" class="peer" onchange="changeTheme(['theme-yale','dark']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-yale' %}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">
|
||||
<div class="flex flex-col w-full h-full bg-[#44403c]">
|
||||
<div class="h-3 w-full bg-[#44403c]"></div>
|
||||
<div class="h-4 w-full bg-[#d6d3d1]"></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-[#991b1b]"></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-[#991b1b]"></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">Yale Thing</span>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue