forked from rDrama/rDrama
1
0
Fork 0
master
kek7198 2021-12-19 22:37:59 -06:00
parent fa92e1f9eb
commit 67ed86e9ea
2 changed files with 6 additions and 6 deletions

View File

@ -3027,9 +3027,9 @@ video {
outline-offset: 2px;
}
.peer:checked ~ .peer-checked\:border-primary {
.peer:checked ~ .peer-checked\:border-blue-500 {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary), var(--tw-border-opacity));
border-color: rgba(14, 165, 233, var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:bg-gray-400 {

View File

@ -13,7 +13,7 @@
<!-- Evergreen -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-evergreen" type="radio" id="evergreen-theme" class="peer" onchange="changeTheme(['theme-evergreen']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-evergreen'%}checked{% endif %}>
<label for="evergreen-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-primary rounded-lg overflow-hidden">
<label for="evergreen-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-[#37523e]">
<div class="h-3 w-full bg-[#37523e]"></div>
<div class="h-4 w-full bg-[#d1dbd5]"></div>
@ -43,7 +43,7 @@
<!-- Iron -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-iron dark" type="radio" id="iron-theme-dark" class="peer" onchange="changeTheme(['theme-iron','dark']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-iron dark'%}checked{% endif %}>
<label for="iron-theme-dark" 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-primary rounded-lg overflow-hidden">
<label for="iron-theme-dark" 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-[#3f3f46]">
<div class="h-3 w-full bg-[#3f3f46]"></div>
<div class="h-4 w-full bg-[#27272a]"></div>
@ -73,7 +73,7 @@
<!-- Slate -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-iron'%}checked{% endif %}>
<label for="iron-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-primary 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 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-[#3f3f46]">
<div class="h-3 w-full bg-[#3f3f46]"></div>
<div class="h-4 w-full bg-[#d4d4d8]"></div>
@ -103,7 +103,7 @@
<!-- Osmium -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-dramblr" type="radio" id="dramblr-theme" class="peer" onchange="changeTheme(['theme-dramblr']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme == 'theme-dramblr'%}checked{% endif %}>
<label for="dramblr-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-primary rounded-lg overflow-hidden">
<label for="dramblr-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-[#334155]">
<div class="h-3 w-full bg-[#334155]"></div>
<div class="h-4 w-full bg-[#cbd5e1]"></div>