TFC/tfcconnection-zola
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixing light mode

Browse source
This commit is contained in:
Chris Cochrun 2025-07-03 11:04:46 -05:00
parent 5ac44d6784
commit e0f9c978c1
6 changed files with 103 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

2
templates/shortcodes/button.html
View file

@ -1,5 +1,5 @@
<a
class="rounded-lg text-white bg-blue-600 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700"
class="rounded-lg text-white bg-blue-800 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700"
{% if href %}href="{{ href }}"{% endif %}
{% if target %}target="{{ target }}"{% endif %}
role="button">

4
templates/shortcodes/camp_form.html
View file

@ -1,4 +1,4 @@
{% set formClasses = "bg-gray-500 text-gray-50 placeholder-gray-300 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-gray-600 checked:text-gray-500" -%}
{% set formClasses = "bg-gray-300 text-gray-900 dark:bg-gray-500 dark:text-gray-50 placeholder-gray-900 dark:placeholder-gray-300 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-gray-400 dark:hover:bg-gray-600 checked:text-gray-900 dark:checked:text-gray-500" -%}
{% set requiredField = "<span class='inline-block text-[#f39] text-sm align-super'>* required</span>" -%}
<div id="mt-form" class="form text-lg w-full">
@ -238,7 +238,7 @@
</label>
</div> -->
<div class="basis-full mt-8">
<button type="submit" class="content-right rounded-lg bg-blue-700 h-12 w-24 focus:bg-blue-900 focus:ring focus:ring-blue-700 hover:bg-blue-900 float-right">Submit</button>
<button type="submit" class="content-right rounded-lg text-white bg-blue-800 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700 float-right">Submit</button>
</div>
</form>
</div>

2
templates/shortcodes/floating_button.html
View file

@ -6,7 +6,7 @@
}
</script>
<button class="rounded-lg bg-blue-700 px-4 py-2 !text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-700 dark:hover:!bg-blue-900 fixed bottom-4 right-8" type="button" name="floatbutt" onclick="floatButton()" id="floatbutt">
<button class="rounded-lg bg-blue-800 px-4 py-2 text-white !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-900 fixed bottom-4 right-8" type="button" name="floatbutt" onclick="floatButton()" id="floatbutt">
<i>{{ text }}</i>
<span class="relative inline-block align-sub size-5 fill-current flex-auto">
{{ load_data(path="icons/" ~ icon ~ ".svg") | safe }}

52
templates/shortcodes/health_form.html
View file

@ -1,4 +1,4 @@
{% set formClasses = "bg-gray-500 text-gray-50 placeholder-gray-300 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-gray-600 checked:text-gray-500" -%}
{% set formClasses = "bg-gray-300 text-gray-900 dark:bg-gray-500 dark:text-gray-50 placeholder-gray-900 dark:placeholder-gray-300 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-gray-400 dark:hover:bg-gray-600 checked:text-gray-900 dark:checked:text-gray-500" -%}
{% set requiredField = "<span class='inline-block text-[#f39] text-sm align-super'>* required</span>" -%}
<!-- <script src="/js/forms.js"></script> -->
@ -489,35 +489,35 @@
</div>
<div class="basis-full mt-8">
<button type="submit" class="content-right rounded-lg bg-blue-700 h-12 w-24 focus:bg-blue-900 focus:ring focus:ring-blue-700 hover:bg-blue-900 float-right">Submit</button>
<button type="submit" class="content-right rounded-lg text-white bg-blue-800 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700 float-right">Submit</button>
</div>
<div id="warning" class="basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not agreed to the liability release. Please have a guardian read and agree to it first.
</span>
</div>
<!-- <div id="warning" class="invisible basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not agreed to the liability release. Please have a guardian read and agree to it first.
</span>
</div>
<div id="warning-insurance" class="basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not entered in your insurance name.
</span>
</div>
<div id="warning-insurance" class="invisible basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not entered in your insurance name.
</span>
</div>
<div id="warning-policy" class="basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not entered in a policy number.
</span>
</div>
<div id="warning-policy" class="invisible basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not entered in a policy number.
</span>
</div>
<div id="warning-image" class="basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not included a copy of your insurance card.
</span>
</div>
<div id="warning-image" class="invisible basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
<span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
{{ load_data(path="icons/triangle-exclamation.svg") | safe }}
You have not included a copy of your insurance card.
</span>
</div> -->
</form>
</div>