forked from rDrama/rDrama
1
0
Fork 0
master
kek7198 2021-12-24 15:59:55 -06:00
parent c60921bb15
commit d35736c25e
2 changed files with 44 additions and 1 deletions

View File

@ -119,6 +119,19 @@
--color-900: 40,17,17;
}
.theme-sequoia {
--color-primary: 54,83,20;
--color-100: 246,244,244;
--color-200: 235,229,229;
--color-300: 219,209,209;
--color-400: 177,159,159;
--color-500: 130,110,110;
--color-600: 99,96,77;
--color-700: 70,47,47;
--color-800: 52,32,32;
--color-900: 40,17,17;
}
.theme-dramblr {
--color-primary: 2,132,199;
--color-100: 241,245,249;

View File

@ -615,7 +615,7 @@
<input hidden name="theme" value="theme-mountain-bluebird" type="radio" id="mountain-bluebird-theme" class="peer" onchange="changeTheme(['theme-mountain-bluebird']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-mountain-bluebird'%}checked{% endif %}>
<label for="mountain-bluebird-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-[#252525]">
<div class="h-3 w-full bg-[#333333]"></div>
<div class="h-3 w-full bg-[#252525]"></div>
<div class="h-4 w-full bg-[#e1e1e1]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ffffff] p-2 mb-0">
<li class="flex">
@ -700,6 +700,36 @@
</div>
</label>
</div>
<!-- Sequoia -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="theme" value="theme-sequoia" type="radio" id="sequoia-theme" class="peer" onchange="changeTheme(['theme-sequoia']); post_toast2('/settings/profile?theme2='+value, '1')" {% if v.theme2 == 'theme-sequoia'%}checked{% endif %}>
<label for="sequoia-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-[#462f2f]">
<div class="h-3 w-full bg-[#462f2f]"></div>
<div class="h-4 w-full bg-[#dbd1d1]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#ebe5e5] p-2 mb-0">
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#365314]"></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-[#365314]"></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">Sequoia</span>
</div>
</label>
</div>
</div>
</div>
</div>