pharpend/Vanillae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

jr: gajumaru color scheme

Browse Source
This commit is contained in:
pharpend
2024-03-20 00:44:09 -06:00
parent aab6f34ba6
commit 708b4bc612
4 changed files with 60 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jrx/pages/popup.html
+35 -13
View File
@@ -3,18 +3,47 @@
<head>
<meta charset="utf-8">
<style type="text/css">
@import "gaju-colors.css";
body {
background: #d6efff;
background: var(--b1);
color: --var(g8);
width: 400px;
font-family: monospace, sans-serif;
font-size: 0.7em;
}
#jr-hdr {
border: 2px solid var(--g4);
border-radius: 5px;
width: 100%;
background: var(--g2);
}
.psection {
background: var(--b2);
border: 1px solid var(--g4);
border-radius: 5px;
width: 97%;
padding: 5px;
margin-top: 5px;
}
.account-active {
background: var(--g1);
color: var(--g7);
}
.account-inactive {
background: var(--b4);
color: var(--g4);
}
</style>
</head>
<body>
<table width="100%" style="background: #dad1ff; border: 2px solid #6c5d96; border-radius: 5px;">
<table id="jr-hdr">
<tr>
<td><img src="../art/jrx-icon-48.png" style="width: 32px; height: 32px;"></td>
<td style="font-size: 32px; text-align: center; font-weight: bold">
@@ -23,7 +52,7 @@
</tr>
</table>
<div style="margin-top: 5px; width: 95%; background: #d9ffd6; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
<div class="psection">
<table >
<tr>
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
@@ -46,7 +75,7 @@
</div>
<!-- generate new keypair -->
<div style="margin-top: 5px; width: 95%; background: #d6ffd9; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
<div class="psection">
<table >
<tr>
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
@@ -64,7 +93,7 @@
</div>
<!-- faert recovery -->
<div style="margin-top: 5px; width: 95%; background: #ffd6d9; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
<div class="psection">
<table >
<tr>
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
@@ -83,17 +112,10 @@
<br>
<button id="faert-btn">Recover Keypair from GajuPhrase</button>
</form>
<!-- recover from seed phrase
<form>
<label for="seed-input">Seed Phrase:</label>
<input id="seed-input"></input>
<button id="seed-btn">Recover Keypair from Seed Phrase</button>
</form>
-->
</div>
<!-- network id -->
<div style="margin-top: 5px; width: 95%; background: #d6d9ff; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
<div class="psection">
<table >
<tr>
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>