Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.

This commit is contained in:
Ada Werefox 2024-04-14 13:36:57 -05:00
parent df8555d4aa
commit 852a591684
50 changed files with 182 additions and 67 deletions

View File

@ -3,7 +3,7 @@
"remaining": 0, "remaining": 0,
"total": 1312, "total": 1312,
"scenes": { "scenes": {
"???": { "mystery": {
"found": 0, "found": 0,
"remaining": 0, "remaining": 0,
"total": 0, "total": 0,

View File

@ -3,12 +3,12 @@
"remaining": 0, "remaining": 0,
"total": 1312, "total": 1312,
"scenes": { "scenes": {
"???": { "mystery": {
"collected": 0, "collected": 0,
"remaining": 0, "remaining": 0,
"total": 0, "total": 0,
"checks": { "checks": {
"It's a mystery": { "name": "", "owner": "" } "It is a mystery": { "name": "", "owner": "" }
} }
}, },
"Another One": { "Another One": {

View File

@ -1,11 +1,11 @@
{ {
"scene": "???", "scene": "mystery",
"seed": 0, "seed": 0,
"items": 1312, "items": 1312,
"entrances": 1312, "entrances": 1312,
"hints": 0, "hints": 0,
"codes": { "codes": {
"???": { "it is a mystery": {
"Distance": 0, "Distance": 0,
"Global": false, "Global": false,
"InRange": false "InRange": false

View File

@ -255,19 +255,25 @@ async function update_codes(codes) {
if (codes[codename].Global) { if (codes[codename].Global) {
cross_codes_block_list_item.querySelector( cross_codes_block_list_item.querySelector(
".codes-list-item-code" ".codes-list-item-code"
).textContent = cross_codes["Global"][codename] ).firstElementChild.alt = cross_codes["Global"][codename]
.replace(/U/g, "⬆️") .replace(/U/g, "⬆️")
.replace(/R/g, "➡️") .replace(/R/g, "➡️")
.replace(/D/g, "⬇️") .replace(/D/g, "⬇️")
.replace(/L/g, "⬅️"); .replace(/L/g, "⬅️");
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).firstElementChild.src = `/static/tracker/images/cross_codes/Global/${codename}.png`;
} else { } else {
cross_codes_block_list_item.querySelector( cross_codes_block_list_item.querySelector(
".codes-list-item-code" ".codes-list-item-code"
).textContent = cross_codes[current_scene][codename] ).firstElementChild.alt = cross_codes[current_scene][codename]
.replace(/U/g, "⬆️") .replace(/U/g, "⬆️")
.replace(/R/g, "➡️") .replace(/R/g, "➡️")
.replace(/D/g, "⬇️") .replace(/D/g, "⬇️")
.replace(/L/g, "⬅️"); .replace(/L/g, "⬅️");
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).firstElementChild.src = `/static/tracker/images/cross_codes/${current_scene}/${codename}.png`;
} }
cross_codes_block_list_item.dataset.codename = codename; cross_codes_block_list_item.dataset.codename = codename;
cross_codes_block_list_item.dataset.order = index; cross_codes_block_list_item.dataset.order = index;
@ -281,11 +287,14 @@ async function update_codes(codes) {
).textContent = code; ).textContent = code;
cross_codes_block_list_item.querySelector( cross_codes_block_list_item.querySelector(
".codes-list-item-code" ".codes-list-item-code"
).textContent = default_cross_codes[code] ).firstElementChild.alt = default_cross_codes[code]
.replace(/U/g, "⬆️") .replace(/U/g, "⬆️")
.replace(/R/g, "➡️") .replace(/R/g, "➡️")
.replace(/D/g, "⬇️") .replace(/D/g, "⬇️")
.replace(/L/g, "⬅️"); .replace(/L/g, "⬅️");
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).firstElementChild.src = `/static/tracker/images/cross_codes/Default/${code}.png`;
new_cross_codes_block_list.appendChild( new_cross_codes_block_list.appendChild(
cross_codes_block_list_item.cloneNode(true) cross_codes_block_list_item.cloneNode(true)
); );
@ -361,51 +370,73 @@ async function apply_summary_colors(summary) {
"text-highlight-empty-text", "text-highlight-empty-text",
"text-highlight-undiscovered-text" "text-highlight-undiscovered-text"
); );
if (summary.checks_total > 0 || summary.entrances_total > 0) { if (summary.entrances_total > 0) {
if ( if (summary.checks_total > 0) {
summary.checks_collected == summary.checks_total && if (summary.checks_remaining > 0 || summary.entrances_remaining > 0) {
summary.entrances_found == summary.entrances_total if (summary.checks_remaining <= 0 || summary.entrances_remaining <= 0) {
) { if (summary.checks_remaining == 0) {
summary.element.classList.add( summary.element.classList.add(
"from-highlight-empty-light", "from-highlight-entrances-light",
"to-highlight-empty-dark", "to-highlight-entrances-dark",
"text-highlight-empty-text" "text-highlight-entrances-text"
); );
} else if ( } else {
summary.checks_collected <= 0 && summary.element.classList.add(
summary.entrances_found <= 0 && "from-highlight-checks-light",
summary.entrances_total > 0 "to-highlight-checks-dark",
) { "text-highlight-checks-text"
summary.element.classList.add( );
"from-highlight-undiscovered-light", }
"to-highlight-undiscovered-dark", } else {
"text-highlight-undiscovered-text" if (summary.entrances_found <= 0) {
); summary.element.classList.add(
} else if (summary.checks_collected >= summary.checks_total) { "from-highlight-undiscovered-light",
"to-highlight-undiscovered-dark",
"text-highlight-undiscovered-text"
);
}
summary.element.classList.add(
"from-highlight-both-light",
"to-highlight-both-dark",
"text-highlight-both-text"
);
}
} else {
summary.element.classList.add(
"from-highlight-empty-light",
"to-highlight-empty-dark",
"text-highlight-empty-text"
);
}
} else {
if (summary.entrances_remaining > 0) {
summary.element.classList.add(
"from-highlight-entrances-light",
"to-highlight-entrances-dark",
"text-highlight-entrances-text"
);
} else {
summary.element.classList.add(
"from-highlight-empty-light",
"to-highlight-empty-dark",
"text-highlight-empty-text"
);
}
}
} else {
if (summary.checks_total > 0 && summary.checks_remaining > 0) {
summary.element.classList.add( summary.element.classList.add(
"from-highlight-checks-light", "from-highlight-checks-light",
"to-highlight-checks-dark", "to-highlight-checks-dark",
"text-highlight-checks-text" "text-highlight-checks-text"
); );
} else if (summary.entrances_found >= summary.entrances_total) {
summary.element.classList.add(
"from-highlight-entrances-light",
"to-highlight-entrances-dark",
"text-highlight-entrances-text"
);
} else { } else {
summary.element.classList.add( summary.element.classList.add(
"from-highlight-both-light", "from-highlight-empty-light",
"to-highlight-both-dark", "to-highlight-empty-dark",
"text-highlight-both-text" "text-highlight-empty-text"
); );
} }
} else {
summary.element.classList.add(
"from-highlight-undiscovered-light",
"to-highlight-undiscovered-dark",
"text-highlight-undiscovered-text"
);
} }
return summary.element; return summary.element;
@ -672,14 +703,16 @@ async function initialize_summary(summary_element, scene, checks, entrances) {
await apply_summary_colors({ await apply_summary_colors({
element: summary_element.firstElementChild, element: summary_element.firstElementChild,
checks_collected: checks.collected, checks_collected: checks.collected,
checks_remaining: checks.remaining,
checks_total: checks.total, checks_total: checks.total,
entrances_found: entrances.found, entrances_found: entrances.found,
entrances_remaining: entrances.remaining,
entrances_total: entrances.total, entrances_total: entrances.total,
}) })
); );
// Hide summaries for scenes with no entrances and the current scene and completed areas if "Hide completed areas" is checked // Hide summaries for scenes with no entrances and the current scene and completed areas if "Hide completed areas" is checked
if (entrances.total <= 0 || current_scene == scene) { if ((entrances.total <= 0 && checks.total <= 0) || current_scene == scene) {
summary_element.dataset.current = current_scene == scene; summary_element.dataset.current = current_scene == scene;
summary_element.classList.add("hidden"); summary_element.classList.add("hidden");
} else { } else {
@ -737,8 +770,10 @@ async function update_summary(scene, checks, entrances) {
element: document.querySelector(`.summary[data-scene="${scene}"]`) element: document.querySelector(`.summary[data-scene="${scene}"]`)
.firstElementChild, .firstElementChild,
checks_collected: checks.collected, checks_collected: checks.collected,
checks_remaining: checks.remaining,
checks_total: checks.total, checks_total: checks.total,
entrances_found: entrances.found, entrances_found: entrances.found,
entrances_remaining: entrances.remaining,
entrances_total: entrances.total, entrances_total: entrances.total,
}) })
); );
@ -924,23 +959,46 @@ async function update_scene(scene) {
current_breakdown.dataset.current = true; current_breakdown.dataset.current = true;
current_breakdown.classList.add("order-first"); current_breakdown.classList.add("order-first");
current_breakdown.classList.remove("hidden", "order-last"); current_breakdown.classList.remove("hidden", "order-last");
const old_checks_remaining = parseInt(
current_summary_old.querySelector(".summary-checks").dataset.checksRemaining
);
const old_entrances_remaining = parseInt(
current_summary_old.querySelector(".summary-entrances").dataset.entrancesRemaining
);
const old_checks_total = parseInt(current_summary_old.querySelector(".summary-checks").dataset.checksTotal);
const old_entrances_total = parseInt(
current_summary_old.querySelector(".summary-entrances").dataset.entrancesTotal
);
// const current_checks_remaining = parseInt(
// current_summary.dataset.checksRemaining
// );
// const current_entrances_remaining = parseInt(
// current_summary.dataset.entrancesRemaining
// );
// const current_checks_total = parseInt(current_summary.dataset.checksTotal);
// const current_entrances_total = parseInt(
// current_summary.dataset.entrancesTotal
// );
// Update the current summary // Update the current summary
current_summary_old.dataset.current = false; current_summary_old.dataset.current = false;
if (hide_completed_areas) { if (hide_completed_areas) {
const checks_remaining = parseInt( if (old_checks_remaining > 0 && old_entrances_remaining > 0) {
current_summary_old.dataset.checksRemaining
);
const entrances_remaining = parseInt(
current_summary_old.dataset.entrancesRemaining
);
if (checks_remaining > 0 && entrances_remaining > 0) {
current_summary_old.classList.remove("hidden"); current_summary_old.classList.remove("hidden");
} else { } else {
current_summary_old.classList.add("hidden"); current_summary_old.classList.add("hidden");
if (old_entrances_total <= 0 && old_checks_total <= 0) {
current_summary_old.classList.add("hidden");
} else {
current_summary_old.classList.remove("hidden");
}
} }
} else { } else {
current_summary_old.classList.remove("hidden"); if (old_entrances_total <= 0 && old_checks_total <= 0) {
current_summary_old.classList.add("hidden");
} else {
current_summary_old.classList.remove("hidden");
}
} }
current_summary.dataset.current = true; current_summary.dataset.current = true;
current_summary.classList.add("hidden"); current_summary.classList.add("hidden");

View File

@ -80,7 +80,7 @@
"Holy Cross (Blue Lines)": "URULURULURDRULDLURULURULU", "Holy Cross (Blue Lines)": "URULURULURDRULDLURULURULU",
"Tree Holy Cross Chest": "LDRLUD" "Tree Holy Cross Chest": "LDRLUD"
}, },
"???": { "mystery": {
"???": "UDLR" "it is a mystery": "UDLR"
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 759 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 789 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 502 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 823 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 482 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 511 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 512 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 508 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 482 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 500 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 482 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 797 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 802 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 745 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 524 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 543 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 829 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 759 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

View File

@ -45,16 +45,16 @@
</div> </div>
</div> </div>
</div> </div>
<div class="overflow-scroll max-h-64 scrollbar scrollbar-thumb-trans-pride-cyan-translucent scrollbar-track-bluelight-translucent"> <div class="overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-translucent scrollbar-track-bluelight-translucent">
<div class="flex flex-col p-1 mx-auto space-y-2 min-w-max breakdown-block-mapped-list"> <div class="flex flex-col p-1 mx-auto space-y-2 min-w-max breakdown-block-mapped-list">
<button type="button" <button type="button"
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm hidden" class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm hidden"
onclick="open_breakdown(this)" onclick="open_breakdown(this)"
data-scene=""></button> data-scene=""></button>
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %} {% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
{% if entrance_destination.door %} {% if entrance_destination.door %}
<button type="button" <button type="button"
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]" class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]"
onclick="open_breakdown(this)" onclick="open_breakdown(this)"
data-scene="{{ entrance_destination.scene }}"> data-scene="{{ entrance_destination.scene }}">
✔️ {{ entrance_origin }} -> {{ entrance_destination.door }} ✔️ {{ entrance_origin }} -> {{ entrance_destination.door }}

View File

@ -1,9 +1,23 @@
{% load static %}
{% if not is_entered %} {% if not is_entered %}
<ul class="p-2 flex flex-col rounded-xl order-last {{ extra_classes }}"> <ul class="p-2 flex flex-col rounded-xl {{ extra_classes }}">
<div class="pl-2 text-base codes-list-item-title">{{ name }}</div> <div class="pl-2 text-base codes-list-item-title">{{ name }}</div>
<hr class="mb-2 border-2 border-holy-cross opacity-30 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="mx-2 text-2xl text-justify break-all align-top codes-list-item-code">{{ code }}</div> {% if is_global %}
<span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
{% with "tracker/images/cross_codes/"|add:"Global/"|add:name|add:".png" as code_image %}
<img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
{% endwith %}
</span>
{% else %}
<span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
{% with "tracker/images/cross_codes/"|add:current_scene|add:"/"|add:name|add:".png" as code_image %}
<img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
{% endwith %}
</span>
{% endif %}
{% comment %} <div class="mx-2 text-2xl text-justify break-all align-top codes-list-item-code">{{ code }}</div> {% endcomment %}
</div> </div>
</ul> </ul>
{% endif %} {% endif %}

View File

@ -1,15 +1,16 @@
<details class="py-2 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-[#ffe28558] to-[#ffffff58] shadow-sm shadow-[#242424] justify-start">{% comment %} drop-shadow-[0px_0px_4px_rgba(255,255,255,1)]"> {% endcomment %} <details class="py-2 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-[#ffe28558] to-[#ffffff58] shadow-sm shadow-[#242424] justify-start">
{% comment %} drop-shadow-[0px_0px_4px_rgba(255,255,255,1)]"> {% endcomment %}
<summary>Holy Cross Codes</summary> <summary>Holy Cross Codes</summary>
<hr class="border-2 border-holy-cross opacity-30 rounded-xl" /> <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="flex flex-col space-y-2 overflow-y-scroll max-h-96 rounded-xl"> <div class="flex flex-col space-y-2 overflow-y-scroll max-h-96 rounded-xl">
<div class="grid grid-flow-row gap-2 md:grid-cols-3 xl:grid-cols-5 rounded-xl" <div class="grid grid-flow-row gap-2 md:grid-cols-3 xl:grid-cols-5 rounded-xl"
id="codes-list"> id="codes-list">
{% include "tracker/codes/block.html" with is_entered=False name="" code="" extra_classes="hidden" %} {% include "tracker/codes/block.html" with is_entered=False name="it is a mystery" current_scene="mystery" code="" extra_classes="order-last hidden" %}
{% for name, code in default_codes.items %} {% for name, code in default_codes.items %}
{% include "tracker/codes/block.html" with is_entered=False %} {% include "tracker/codes/block.html" with is_entered=False current_scene="Default" extra_classes="order-last" %}
{% endfor %} {% endfor %}
{% for name, values in codes.items %} {% for name, values in codes.items %}
{% include "tracker/codes/block.html" with code=values.code is_entered=False %} {% include "tracker/codes/block.html" with code=values.code is_entered=False is_global=values.global extra_classes="" %}
{% endfor %} {% endfor %}
</div> </div>
</div> </div>

View File

@ -1,13 +1,14 @@
{% extends "index.html" %} {% extends "index.html" %}
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="min-h-screen font-nerd bg-gradient-to-br from-bluelight-background-dark to-bluelight-background">
<div class="container monospace py-4 space-y-2 text-[#E0FFFF] [text-shadow:_1px_1px_0_rgb(0_0_0_/_50%)]"> <div class="container monospace py-4 space-y-2 text-[#E0FFFF] [text-shadow:_1px_1px_0_rgb(0_0_0_/_50%)]">
<div class="p-2 bg-white rounded-lg shadow-lg bg-opacity-10 shadow-bluelight-background-dark"> <div class="p-2 bg-white rounded-lg shadow-lg bg-opacity-10 shadow-bluelight-background-dark">
{% if debug != '' %} {% if debug != '' %}
<div class="px-2 space-y-2"> <div class="px-2 space-y-2">
<div class="flex flex-col align-middle max-w-fit"> <div class="flex flex-col align-middle max-w-fit">
<div class="flex flex-row space-x-2 align-middle sm:h-12 max-w-fit"> <div class="flex flex-row space-x-2 align-middle sm:h-12 max-w-fit">
<span class="flex flex-shrink-0 object-contain w-8 h-8 my-auto align-middle shake backdrop-blur"> <span class="flex flex-shrink-0 object-contain w-8 h-8 my-auto align-middle shake">
<img src="{% static 'tracker/images/neofox_flag_trans_256.png' %}" <img src="{% static 'tracker/images/neofox_flag_trans_256.png' %}"
alt="A trans pride fox emoji." alt="A trans pride fox emoji."
width="32" width="32"
@ -116,4 +117,5 @@
<div id="no_data" />{% endif %}</div> <div id="no_data" />{% endif %}</div>
{% include "tracker/src/index.html" with tracker_fe_link="https://gitea.werefox.cafe/ada/tunic-tracker-redux" tracker_be_link="https://github.com/spaceglace/TunicTransitionTracker" %} {% include "tracker/src/index.html" with tracker_fe_link="https://gitea.werefox.cafe/ada/tunic-tracker-redux" tracker_be_link="https://github.com/spaceglace/TunicTransitionTracker" %}
</div> </div>
</div>
{% endblock content %} {% endblock content %}

View File

@ -31,9 +31,9 @@ module.exports = {
* patterns match your project structure. * patterns match your project structure.
*/ */
/* JS 1: Ignore any JavaScript in node_modules folder. */ /* JS 1: Ignore any JavaScript in node_modules folder. */
// '!../../**/node_modules', "!../../**/node_modules",
/* JS 2: Process all JavaScript files in the project. */ /* JS 2: Process all JavaScript files in the project. */
'../../**/*.js', "../../**/*.js",
/** /**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line * Python: If you use Tailwind CSS classes in Python, uncomment the following line
@ -41,6 +41,30 @@ module.exports = {
*/ */
// '../../**/*.py' // '../../**/*.py'
], ],
safelist: [
"order-first",
"order-last",
"order-1",
"order-2",
"order-3",
"order-4",
"order-5",
"order-6",
"order-7",
"order-8",
"order-9",
"order-10",
"order-11",
"order-12",
"order-13",
"order-14",
"order-15",
"order-16",
"order-17",
"order-18",
"order-19",
"order-20",
],
theme: { theme: {
container: { container: {
center: true, center: true,
@ -71,6 +95,22 @@ module.exports = {
}, },
link: "hsl(203.91, 56.64%, 75%)", link: "hsl(203.91, 56.64%, 75%)",
}, },
redlight: {
light: "#hsla(7, 56.86%, 50%, 50%)",
DEFAULT: "hsla(7, 56.64%, 44.31%, 100%)",
dark: "hsla(7, 100%, 35.1%, 50%)",
translucent: {
light: "hsla(7, 72.32%, 69.41%, 25%)",
DEFAULT: "hsla(7, 72.32%, 69.41%, 50%)",
dark: "hsla(7, 81.57%, 100%, 25%)",
},
background: {
light: "hsla(7, 56.64%, 44.31%, 100%)",
DEFAULT: "hsla(7, 57.3%, 34.9%, 100%)",
dark: "hsla(7, 57.48%, 24.9%, 100%)",
},
link: "hsla(7, 56.64%, 75%, 100%)",
},
"trans-pride": { "trans-pride": {
cyan: { cyan: {
DEFAULT: "#5adefc", DEFAULT: "#5adefc",