official-techsupport
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

fx

master
kek7198 2021-12-19 23:58:45 -06:00
parent 1922a7a10f
commit 27420197fd
2 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
files/static/src/main.css
View File

@ -15,6 +15,19 @@
--color-900: 49,46,129;
}
.theme-savile-row {
--color-primary: 234,179,8;
--color-100: 207,250,254;
--color-200: 165,243,252;
--color-300: 103,232,249;
--color-400: 34,211,238;
--color-500: 6,182,212;
--color-600: 8,145,178;
--color-700: 14,116,144;
--color-800: 21,94,117;
--color-900: 22,78,99;
}
.theme-limon {
--color-primary: 202,138,4;
--color-100: 236,252,203;

30
files/templates/CHRISTMAS/modals/ModalThemePicker.html
View File

@ -340,6 +340,36 @@
</div>
</label>
</div>
<!-- Savile Row -->
<div class="my-2 px-2 w-1/2 lg:w-1/4 flex items-center justify-center">
<input hidden name="kind" value="theme-savile-row" type="radio" id="savile-row-theme" class="peer" onchange="changeTheme(['theme-savile-row','dark']); post_toast2('/settings/profile?theme='+value, '1')" {% if v.theme2 == 'theme-savile-row dark' %}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 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-[#0e7490]">
<div class="h-3 w-full bg-[#0e7490]"></div>
<div class="h-4 w-full bg-[#155e75]"></div>
<ul class="flex flex-col space-y-1 h-12 w-full bg-[#155e75] p-2 mb-0">
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-[#eab308]"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></div>
<div class="ml-auto h-2 w-1/4 rounded-full bg-[#eab308]"></div>
</li>
<li class="flex">
<i class="fas fa-arrow-alt-up text-[8px] text-white/50"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></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-white/50"></i>
<div class="ml-1 h-2 w-2/4 rounded-full bg-white/50"></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">Savile Row</span>
</div>
</label>
</div>
</div>
</div>
</div>