ada
/
tunic-tracker-redux
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Theming.

This commit is contained in:
Ada Werefox 2024-03-11 03:05:07 -05:00
parent e5a49993ad
commit d4660f49d4
5 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
tunictracker/tracker/templates/tracker/breakdown/block.html
View File

@ -45,13 +45,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="max-h-64 overflow-scroll scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight"> <div class="max-h-64 overflow-scroll scrollbar scrollbar-thumb-trans-pride-cyan-translucent scrollbar-track-bluelight-translucent">
<div class="flex flex-col space-y-2 mx-auto min-w-max breakdown-block-mapped-list"> <div class="flex flex-col space-y-2 mx-auto min-w-max breakdown-block-mapped-list">
<ul class="py-0.5 bg-bluelight rounded-md px-1 text-sm hidden"> <ul class="py-0.5 bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm hidden">
</ul> </ul>
{% for entrance_origin, entrance_destination in scene_data.Entrances.items %} {% for entrance_origin, entrance_destination in scene_data.Entrances.items %}
{% if entrance_destination %} {% if entrance_destination %}
<ul class="py-0.5 bg-bluelight rounded-md px-1 text-sm"> <ul class="py-0.5 bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm">
✔️ {{ entrance_origin }} -> {{ entrance_destination }} ✔️ {{ entrance_origin }} -> {{ entrance_destination }}
</ul> </ul>
{% endif %} {% endif %}

4
tunictracker/tracker/templates/tracker/codes/block.html
View File

@ -1,7 +1,7 @@
{% if not is_entered %} {% if not is_entered %}
<ul class="p-2 flex flex-col rounded-xl bg-bluelight-translucent-light border-4 border-bluelight-translucent-dark"> <ul class="p-2 flex flex-col rounded-xl">
<div class="pl-2 codes-list-item-title text-base">{{ name }}</div> <div class="pl-2 codes-list-item-title text-base">{{ name }}</div>
<hr class="mb-2 border-2 border-bluelight-translucent-dark rounded-xl" /> <hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="min-x-full"> <div class="min-x-full">
<div class="codes-list-item-code text-2xl text-justify break-all mx-2 align-top">{{ code }}</div> <div class="codes-list-item-code text-2xl text-justify break-all mx-2 align-top">{{ code }}</div>
</div> </div>

4
tunictracker/tracker/templates/tracker/codes/index.html
View File

@ -1,6 +1,6 @@
<details class="flex flex-col space-y-2 max-w-full text-base rounded-xl justify-start {% if current_scene.title != scene_title %}hidden{% endif %} codes-block"> <details class="py-4 px-2 mt-2 flex flex-col space-y-4 max-w-full text-holy-cross text-base [text-shadow:_1px_1px_4px_rgb(0_0_0_/_100%)] rounded-xl bg-gradient-to-br from-[#ffe28530] to-[#ffffff30] drop-shadow-[0px_0px_4px_rgba(255,255,255,1)] justify-start {% if current_scene.title != scene_title %}hidden{% endif %} codes-block">
<summary>Holy Cross Codes</summary> <summary>Holy Cross Codes</summary>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" /> <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="flex flex-col space-y-2 max-h-96 rounded-xl overflow-y-scroll"> <div class="flex flex-col space-y-2 max-h-96 rounded-xl overflow-y-scroll">
<ul class="grid grid-flow-row md:grid-cols-3 xl:grid-cols-5 gap-2 rounded-xl codes-list"> <ul class="grid grid-flow-row md:grid-cols-3 xl:grid-cols-5 gap-2 rounded-xl codes-list">
{% for name, code in default_codes.items %} {% for name, code in default_codes.items %}

4
tunictracker/tracker/templates/tracker/index.html
View File

@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="container monospace py-4"> <div class="container monospace py-4">
<div class="p-2 border-4 rounded-xl text-[#eee] bg-bluelight-translucent-dark border-bluelight-dark"> <div class="p-2 border-4 rounded-xl text-[#eee] [text-shadow:_1px_1px_0_rgb(0_0_0_/_50%)] bg-bluelight-translucent-dark border-bluelight-dark">
{% if debug != '' %} {% if debug != '' %}
<div class="space-y-2 px-2"> <div class="space-y-2 px-2">
<div class="flex flex-col align-middle max-w-fit"> <div class="flex flex-col align-middle max-w-fit">
@ -42,7 +42,7 @@
<div id="breakdown-current"> <div id="breakdown-current">
{% include "tracker/breakdown/block.html" with scene_title=current_scene.title scene_data=current_scene.data %} {% include "tracker/breakdown/block.html" with scene_title=current_scene.title scene_data=current_scene.data %}
</div> </div>
<hr class="my-2 border-2 border-bluelight-translucent-dark rounded-xl" /> <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
<details class="group flex flex-col rounded-xl border-4 bg-bluelight-translucent-light border-bluelight-translucent-dark"> <details class="group flex flex-col rounded-xl border-4 bg-bluelight-translucent-light border-bluelight-translucent-dark">
<summary class="justify-start p-2 text-lg">Summary</summary> <summary class="justify-start p-2 text-lg">Summary</summary>
<div class="mb-2 px-2 space-y-2 rounded-xl"> <div class="mb-2 px-2 space-y-2 rounded-xl">

13
tunictracker/werefoxtheme/static_src/tailwind.config.js
View File

@ -69,16 +69,16 @@ module.exports = {
}, },
"trans-pride": { "trans-pride": {
cyan: { cyan: {
DEFAULT: "#e4faff", DEFAULT: "#5adefc",
translucent: "#e4faff30", translucent: "#5adefc69",
}, },
white: { white: {
DEFAULT: "#eeeeeeff", DEFAULT: "#eeeeeeff",
translucent: "#eeeeee30", translucent: "#eeeeee69",
}, },
pink: { pink: {
DEFAULT: "#ffecf9", DEFAULT: "#ff8cda",
translucent: "#ffecf930", translucent: "#ff8cda69",
}, },
}, },
"highlight": { "highlight": {
@ -95,6 +95,9 @@ module.exports = {
translucent: "#3EB13188", translucent: "#3EB13188",
}, },
}, },
"holy-cross": {
DEFAULT: "fffae0"
}
}, },
}, },
}, },