forked from rDrama/rDrama
fix
parent
ee59666c61
commit
ea8e63b7c3
|
@ -1775,6 +1775,18 @@ video {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
|
background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
.bg-\[\#524c37\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(82, 76, 55, var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
.bg-\[\#ebe9e5\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(235, 233, 229, var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
.bg-\[\#059669\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
.bg-gray-300\/40 {
|
.bg-gray-300\/40 {
|
||||||
background-color: rgba(var(--color-300), 0.4);
|
background-color: rgba(var(--color-300), 0.4);
|
||||||
}
|
}
|
||||||
|
@ -2221,6 +2233,10 @@ video {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(236, 72, 153, var(--tw-text-opacity));
|
color: rgba(236, 72, 153, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
.text-\[\#059669\] {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(5, 150, 105, var(--tw-text-opacity));
|
||||||
|
}
|
||||||
.antialiased {
|
.antialiased {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
|
@ -220,6 +220,36 @@
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- mocha -->
|
||||||
|
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
|
||||||
|
<input hidden name="kind" value="theme-mocha" type="radio" id="mocha-theme" class="peer" onchange="changeTheme(['theme-mocha']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-mocha'%}checked{% endif %}>
|
||||||
|
<label for="mocha-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-[#ebe9e5]"></div>
|
||||||
|
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#fcdff0] 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">Mocha</span>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue