cfultz/mtgcsv
1
0
Fork 0
mirror of https://github.com/cfultz/mtgcsv.git synced 2024-11-24 18:10:03 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added ability to clear theme

Browse Source
This commit is contained in:
Caleb Fultz 2024-08-20 23:43:49 -04:00
parent 6b3a8e837f
commit 668ac3db0a
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -17,6 +17,7 @@
<div id="menu-content" class="menu-content"> <div id="menu-content" class="menu-content">
<label>Select Theme:</label> <label>Select Theme:</label>
<div id="theme-selector"> <div id="theme-selector">
<span class="mana-icon" onclick="setTheme('')">&#xe623;</span> <!-- Colorless -->
<span class="mana-icon" onclick="setTheme('theme-white')">&#xe600;</span> <!-- White --> <span class="mana-icon" onclick="setTheme('theme-white')">&#xe600;</span> <!-- White -->
<span class="mana-icon" onclick="setTheme('theme-blue')">&#xe601;</span> <!-- Blue --> <span class="mana-icon" onclick="setTheme('theme-blue')">&#xe601;</span> <!-- Blue -->
<span class="mana-icon" onclick="setTheme('theme-black')">&#xe602;</span> <!-- Black --> <span class="mana-icon" onclick="setTheme('theme-black')">&#xe602;</span> <!-- Black -->
@ -60,6 +61,14 @@
<textarea id="csv-output" readonly></textarea> <textarea id="csv-output" readonly></textarea>
<div id="card-popup" class="card-popup"></div> <div id="card-popup" class="card-popup"></div>
</div> </div>
<footer>
<p>
<a href="https://github.com/cfultz/mtgcsv" target="_blank">View on GitHub</a> |
This app is not affiliated with Wizards of the Coast or Hasbro. All rights and trademarks are owned by their respective owners.
</p>
</footer>
<script type="module" src="app.js"></script> <script type="module" src="app.js"></script>
</body> </body>
</html> </html>

18
styles.css
View File

@ -277,3 +277,21 @@ body.dark-mode .menu-content label,
body.dark-mode .menu-content input { body.dark-mode .menu-content input {
color: white; color: white;
} }
footer {
text-align: center;
font-size: 0.5rem; /* Smaller font size */
color: #666; /* A lighter color for the text */
margin-top: 0px;
padding: 1px;
}
footer a {
color: #007acc; /* Link color matching the theme */
text-decoration: none;
}
footer a:hover {
text-decoration: underline; /* Underline on hover for emphasis */
}