[Ryuutama]: darkmode support

This commit is contained in:
jlvgit
2022-06-11 20:51:15 -04:00
parent edf52c9064
commit 3a7d262256
3 changed files with 483 additions and 300 deletions
+422 -238
View File
File diff suppressed because it is too large Load Diff
+54 -54
View File
@@ -535,7 +535,7 @@
<div>
<div class="charSheetType">
<select name="attr_npc_switch" value="1" class="sheet-block-switch">
<select name="attr_npc_switch" value="1" class="block-switch">
<option value="1" selected="selected" data-i18n="pc">PC</option>
<option value="2" data-i18n="gm">GM</option>
<option value="3" data-i18n="npc">NPC</option>
@@ -543,14 +543,14 @@
</div>
<!-- Color theme hidden fields -->
<input class="sheet-headerBgColor" name="attr_headerBgColor" type="hidden" value="default"/>
<input class="sheet-mainBgColor" name="attr_mainBgColor" type="hidden" value="default"/>
<input class="sheet-iconBgColor" name="attr_iconBgColor" type="hidden" value="default"/>
<input class="sheet-radioBgColor" name="attr_radioBgColor" type="hidden" value="default"/>
<input class="headerBgColor" name="attr_headerBgColor" type="hidden" value="default"/>
<input class="mainBgColor" name="attr_mainBgColor" type="hidden" value="default"/>
<input class="iconBgColor" name="attr_iconBgColor" type="hidden" value="default"/>
<input class="radioBgColor" name="attr_radioBgColor" type="hidden" value="default"/>
<!-- End Color Theme fields -->
<input type="checkbox" name="attr_npc_switch" value="1" class="sheet-hidden sheet-hider" checked>
<div class="sheet-block-a characterSheet">
<input type="checkbox" name="attr_npc_switch" value="1" class="hidden hider" checked>
<div class="block-a characterSheet">
<!-- Hidden Fields -->
<div class="hidden">
<input type="number" name="attr_version" value="0"/>
@@ -571,18 +571,18 @@
<!-- End Hidden Fields -->
<!-- High Level Tabs -->
<input type="radio" class="sheet-tab sheet-tab1" name="attr_core-tab" value="1" title="Details" checked="checked"/>
<span class="sheet-tab sheet-tab1" data-i18n="tab-info">Info</span>
<input type="radio" class="sheet-tab sheet-tab2" name="attr_core-tab" value="2" title="Class"/>
<span class="sheet-tab sheet-tab2" data-i18n="tab-class">Class</span>
<input type="radio" class="sheet-tab sheet-tab3" name="attr_core-tab" value="3" title="Stats"/>
<span class="sheet-tab sheet-tab3" data-i18n="tab-stats">Stats</span>
<input type="radio" class="sheet-tab sheet-tab4" name="attr_core-tab" value="4" title="Checks"/>
<span class="sheet-tab sheet-tab4" data-i18n="tab-modifiers">Modifiers</span>
<input type="radio" class="sheet-tab sheet-tab5" name="attr_core-tab" value="5" title="Equipment"/>
<span class="sheet-tab sheet-tab5" data-i18n="tab-inv">Inventory</span>
<input type="radio" class="sheet-tab sheet-tab6" name="attr_core-tab" value="6" title="Settings"/>
<span class="sheet-tab sheet-tab6">y</span>
<input type="radio" class="tab tab1" name="attr_core-tab" value="1" title="Details" checked="checked"/>
<span class="tab tab1" data-i18n="tab-info">Info</span>
<input type="radio" class="tab tab2" name="attr_core-tab" value="2" title="Class"/>
<span class="tab tab2" data-i18n="tab-class">Class</span>
<input type="radio" class="tab tab3" name="attr_core-tab" value="3" title="Stats"/>
<span class="tab tab3" data-i18n="tab-stats">Stats</span>
<input type="radio" class="tab tab4" name="attr_core-tab" value="4" title="Checks"/>
<span class="tab tab4" data-i18n="tab-modifiers">Modifiers</span>
<input type="radio" class="tab tab5" name="attr_core-tab" value="5" title="Equipment"/>
<span class="tab tab5" data-i18n="tab-inv">Inventory</span>
<input type="radio" class="tab tab6" name="attr_core-tab" value="6" title="Settings"/>
<span class="tab tab6">y</span>
<!-- End High Level Tabs -->
<!-- Tabs -->
@@ -843,7 +843,7 @@
</div>
<fieldset class="repeating_spells">
<div class="sheet-spellRow">
<div class="spellRow">
<div class="spell-details">
<button class="spellName skill-check-button" type="roll" value="&{template:spell} {{name=@{spellName}}} {{cost=@{spellCost}}} {{duration=@{spellDuration}}} {{target=@{spellTarget}}} {{range=@{spellRange}}} {{effect=@{spellEffect}}} {{charname=@{safeCharacterName}}}" name="roll_repeatingSpellCard">
@@ -864,7 +864,7 @@
<div class="flex settings full-width">
<div class="flex-column">
<span data-i18n="name">Name</span>
<input type="text" name="attr_spellName" class="sheet-spellName" placeholder="Hold Hands" data-i18n-placeholder="holdhands"/>
<input type="text" name="attr_spellName" class="spellName" placeholder="Hold Hands" data-i18n-placeholder="holdhands"/>
</div>
<div class="flex-column">
<span data-i18n="mp">MP</span>
@@ -872,19 +872,19 @@
</div>
<div class="flex-column">
<span data-i18n="duration">Duration</span>
<input type="text" name="attr_spellDuration" class="sheet-spellDuration" placeholder="Instant" data-i18n-placeholder="instant"/>
<input type="text" name="attr_spellDuration" class="spellDuration" placeholder="Instant" data-i18n-placeholder="instant"/>
</div>
<div class="flex-column">
<span data-i18n="target">Target</span>
<input type="text" name="attr_spellTarget" class="sheet-spellTarget" placeholder="1 Target" data-i18n-placeholder="onetarget"/>
<input type="text" name="attr_spellTarget" class="spellTarget" placeholder="1 Target" data-i18n-placeholder="onetarget"/>
</div>
<div class="flex-column">
<span data-i18n="range">Range</span>
<input type="text" name="attr_spellRange" class="sheet-spellRange" placeholder="Touch" data-i18n-placeholder="touch"/>
<input type="text" name="attr_spellRange" class="spellRange" placeholder="Touch" data-i18n-placeholder="touch"/>
</div>
<div class="flex-column">
<span data-i18n="type">Type</span>
<select name="attr_spellType" class="sheet-spellTypes">
<select name="attr_spellType" class="spellTypes">
<option value="empty-string" data-i18n="empty-string"></option>
<option value="incantation" data-i18n="incantation">Incantation</option>
<option value="incantation-ritual" data-i18n="incantation-ritual">Incantation (Ritual)</option>
@@ -902,10 +902,10 @@
</div>
</div>
<div class="settings">
<textarea name="attr_spellEffect" class="sheet-spellEffect" placeholder="Effect" data-i18n-placeholder="effect"></textarea>
<textarea name="attr_spellEffect" class="spellEffect" placeholder="Effect" data-i18n-placeholder="effect"></textarea>
</div>
<div class="collapse">
<span name="attr_spellEffect" class="sheet-spellEffectDisplay"></span>
<span name="attr_spellEffect" class="spellEffectDisplay"></span>
</div>
</div>
</fieldset>
@@ -916,7 +916,7 @@
<div class="hpHeader"><div class="flex header hpmpHeader" data-i18n="hp-words">Hit Points</div></div>
<div class="mpHeader"><div class="flex header hpmpHeader" data-i18n="mp-words">Mental Points</div></div>
<div class="condHeader">
<label class="flex header hpmpHeader"><span data-i18n="condition">Condition</span>&nbsp;(<span data-i18n="condition-bonus">If >=10 add 1 dice size to</span>:
<div class="flex header hpmpHeader"><span data-i18n="condition">Condition</span>&nbsp;(<span data-i18n="condition-bonus">If >=10 add 1 dice size to</span>:
<select name="attr_bonus" class="condAttribute">
<option value=""></option>
<option value="STR" data-i18n="str">STR</option>
@@ -925,7 +925,7 @@
<option value="SPI" data-i18n="spi">SPI</option>
</select>
)
</label>
</div>
</div>
<div class="hp">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/heart.png" alt="whiteheart" class="icon">
@@ -1052,7 +1052,7 @@
<div class="flex">
<div class="flex-column">
<label class="header" data-i18n="status-injury">Injury</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/bandaids.png" alt="bandaids" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_injured" value="2"/>
<input type="number" name="attr_injury" value="0" min="0"/>
@@ -1061,7 +1061,7 @@
</div>
<div class="flex-column">
<label class="header" data-i18n="status-poison">Poison</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/skullcrossbones.png" alt="skullcrossbones" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_poisoned" value="2"/>
<input type="number" name="attr_poison" value="0" min="0"/>
@@ -1070,7 +1070,7 @@
</div>
<div class="flex-column">
<label class="header" data-i18n="status-sickness">Sickness</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/bedmeds.png" alt="bed" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_sick" value="2"/>
<input type="number" name="attr_sickness" value="0" min="0"/>
@@ -1080,7 +1080,7 @@
<div class="flex-column">
<label class="header" data-i18n="status-exhaustion">Exhaustion</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/moonstars.png" alt="exhaustion" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_exhausted" value="2"/>
<input type="number" name="attr_exhaustion" value="0" min="0"/>
@@ -1089,7 +1089,7 @@
</div>
<div class="flex-column">
<label class="header" data-i18n="status-muddled">Muddled</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/questionmarks.png" alt="questionmarks" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_muddled" value="2"/>
<input type="number" name="attr_muddle" value="0" min="0"/>
@@ -1098,7 +1098,7 @@
</div>
<div class="flex-column">
<label class="header" data-i18n="status-shock">Shock</label>
<div>
<div class="flex">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/brokenheart.png" alt="brokenheart" class="icon icon-small">
<input type="checkbox" class="penaltyCondition" name="attr_shocked" value="2"/>
<input type="number" name="attr_shock" value="0" min="0"/>
@@ -1418,7 +1418,7 @@
<label class="header headerLabel itemLabel" data-i18n="additional-checks">Additional Checks</label>
<fieldset class="repeating_skills">
<div class="sheet-2colrow">
<div class="col">
<div class="sheet-col">
<input class="config-toggles config-checkbox add-skill-checkbox" name="attr_settings" type="checkbox" value="settings"/>
<div class="flex-between">
<button class="skill-check-button" type="roll" value="&{template:skillCheck} {{season=@{currentSeason}}} {{name=@{skillNameA}}} {{die1=[[1d@{skillDie1A}]]}} {{die2=[[1d@{skillDie2A}]]}} {{bonusesAndPenalties=[[@{skillModA}[Skill Mod]+@{concentrationBonus}[Concentration]+@{applyTerrain}[Terrain]+@{applyWeather}[Weather]-@{overburdenPenalty}[Overburden]]]}}" name="roll_otherRollA">
@@ -1447,7 +1447,7 @@
</div>
</div>
</div>
<div class="col">
<div class="sheet-col">
<input class="config-toggles config-checkbox add-skill-checkbox" name="attr_settings" type="checkbox" value="settings"/>
<span class="config-toggles settings-toggle add-skill-icon">p</span>
<div class="flex-between">
@@ -1579,7 +1579,7 @@
<div class="sheet-col">
<label class="header headerLabel checkLabel terrainLabel" data-i18n="terrain-modifiers">Terrain Modifiers</label>
<span class="pictos notesIcon">W</span>
<input type="checkbox" name="attr_terrainNotesToggle" class="notesToggle sheet-hider">
<input type="checkbox" name="attr_terrainNotesToggle" class="notesToggle hider">
<div class="terrainNotes">
<textarea name="attr_terrainNotes" class="notesArea" placeholder="Notes" data-i18n-placeholder="notes"></textarea>
</div>
@@ -1620,7 +1620,7 @@
<div class="sheet-col">
<label class="header headerLabel checkLabel weatherLabel" data-i18n="weather-modifiers">Weather Modifiers</label>
<span class="pictos notesIcon">W</span>
<input type="checkbox" name="attr_weatherNotesToggle" class="notesToggle sheet-hider">
<input type="checkbox" name="attr_weatherNotesToggle" class="notesToggle hider">
<div class="terrainNotes">
<textarea name="attr_weatherNotes" class="notesArea" placeholder="Notes" data-i18n-placeholder="notes"></textarea>
</div>
@@ -1662,7 +1662,7 @@
<span class="characterEquipment">
<div class="sheet-2colrow">
<div class="col">
<div class="sheet-col">
<label class="header headerLabel itemLabel" data-i18n="currency">Currency</label>
<input type="number" name="attr_currency" value="0" min="0" style="width:70px"/>
</div>
@@ -1709,7 +1709,7 @@
<span data-i18n="durability">Durability</span>: <input type="number" name="attr_weaponDurability" value="0" min="0"/> / <input type="number" name="attr_weaponDurability_max" value="1" min="1" style="margin-right: 4px"/>
<span data-i18n="size">Size</span>: <input type="number" name="attr_weaponSize" value="0" min="0"/>
</div>
<div class="sheet-flex-between weaponRow2">
<div class="flex-between weaponRow2">
<div class="sheet-col skillCheck">
<input type="number" class="hidden" name="attr_weaponGraceMod" value="0">
<button type="roll" value="&{template:accuracyCheck} {{season=@{currentSeason}}} {{name=@{weaponName}}} {{die1=[[1d@{weaponAccuracyDie1}]]}} {{die2=[[1d@{weaponAccuracyDie2}]]}} {{bonusesAndPenalties=[[@{weaponAccuracyMod}[Accuracy Mod]+@{concentrationBonus}[Concentration]+@{weaponGraceMod}[Weapon Grace]-@{overburdenPenalty}[Overburden]]]}}" name="roll_weaponAccuracyRoll"></button>
@@ -1856,16 +1856,16 @@
<div class="flex">
<label class="header headerLabel" data-i18n="header">Header</label>
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ryuutama/images/heart.png" alt="whiteheart" class="icon">
<span class="sheet-tab sheet-tab-demo" data-i18n="selection">Selection</span>
<span class="tab tab-demo" data-i18n="selection">Selection</span>
</div>
Message Roll20 user Spren if you want to suggest more colors!
</span>
</div>
<!--- Start of NPC sheet-->
<input type="checkbox" name="attr_npc_switch" value="3" class="sheet-hidden sheet-hider">
<div class="sheet-block-b npc-sheet-container">
<!--- Start of NPC sheet -->
<input type="checkbox" name="attr_npc_switch" value="3" class="hidden hider">
<div class="block-b npc-sheet-container">
<table class="npc-header-table">
<tr>
<td class="npc-name"><input type="text" class="npc-name" name="attr_character_name" placeholder="Character Name" data-i18n-placeholder="char-name"></input></td>
@@ -1996,17 +1996,17 @@
</select>
</div>
<!--- End of NPC sheet-->
<!--- End of NPC sheet -->
<!--- Start of GM Character sheet-->
<input type="checkbox" name="attr_npc_switch" value="2" class="sheet-hidden sheet-hider">
<div class="sheet-block-c characterSheet gm-sheet-container">
<!--- Start of GM Character sheet -->
<input type="checkbox" name="attr_npc_switch" value="2" class="hidden hider">
<div class="block-c characterSheet gm-sheet-container">
<!--- High Level Tabs-->
<input type="radio" class="sheet-tab sheet-gmtab1" name="attr_gm-tab" value="1" title="Details" checked="checked"/>
<span class="sheet-tab sheet-gmtab1" data-i18n="tab-character">Character</span>
<input type="radio" class="sheet-tab sheet-gmtab2" name="attr_gm-tab" value="2" title="Class"/>
<span class="sheet-tab sheet-gmtab2" data-i18n="tab-history">History</span>
<input type="radio" class="tab gmtab1" name="attr_gm-tab" value="1" title="Details" checked="checked"/>
<span class="tab gmtab1" data-i18n="tab-character">Character</span>
<input type="radio" class="tab gmtab2" name="attr_gm-tab" value="2" title="Class"/>
<span class="tab gmtab2" data-i18n="tab-history">History</span>
<!--- --->
<span class="gmCharacterDetails">
@@ -2171,7 +2171,7 @@
</span>
</div>
<!--- End of GM character sheet-->
<!--- End of GM character sheet -->
</div>
<!-- Roll Templates -->
+7 -8
View File
@@ -1,9 +1,8 @@
{
"html": "Ryuutama.html",
"css": "Ryuutama.css",
"authors": "King Puff, Jose Velazquez",
"roll20userid": "665159, 665811",
"preview": "Ryuutama.png",
"instructions": "This character sheet represents player characters for the Ryuutama system. It does not provide details about classes, skills, or mechanics, but does an intuitive dice roller that automatically takes into account benefits from class, type, weather, condition, and terrain and the penalties associated with being overburdened and suffering from conditional status effects. The sheet contains a tab for inputting meta information about characters, a tab for tracking experience points and statistics (derived attributes are automatically calculated but can be overridden), a tab for inputting class, type, weapon mastery, and skills/spells, and a tab for inventory management that automatically tracks current and maximum item and water capacity.",
"legacy": true
}
"html": "Ryuutama.html",
"css": "Ryuutama.css",
"authors": "King Puff, Jose Velazquez",
"roll20userid": "665159, 665811",
"preview": "Ryuutama.png",
"instructions": "This character sheet represents player characters for the Ryuutama system. It does not provide details about classes, skills, or mechanics, but does an intuitive dice roller that automatically takes into account benefits from class, type, weather, condition, and terrain and the penalties associated with being overburdened and suffering from conditional status effects. The sheet contains a tab for inputting meta information about characters, a tab for tracking experience points and statistics (derived attributes are automatically calculated but can be overridden), a tab for inputting class, type, weapon mastery, and skills/spells, and a tab for inventory management that automatically tracks current and maximum item and water capacity."
}