reorder & change colors

expatjedi · Dec 21, 2023 · 563c5cc · 563c5cc
1 parent 24917ba
commit 563c5cc
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 27 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,8 +1,8 @@
 body {
-	background-color: #3B4252;
-	font-family: 'Fira Mono', sans-serif;
-	font-size: 12px;
-	color: #ECEFF4;
+	background-color: #F0F0F0;
+	font-family: 'monospace', sans-serif;
+	font-size: 16px;
+	color: #000000;
 }
 
 #container {
@@ -19,21 +19,21 @@ body {
 }
 
 a {
-	color: #ECEFF4;
+	color: #000000;
 	text-decoration: none;
 }
 
 #searchInput {
 	background-position: 10px 12px;
 	background-repeat: no-repeat;
 	width: 100%;
-	font-size: 15px;
+	font-size: 16px;
 	text-align: center;
 	padding: 12px 20px 12px 40px;
-	border: 0px solid #3B4252;
+	border: 0px solid #F0F0F0;
 	box-sizing: border-box;
-	background-color: #3B4252;
-	color: #ECEFF4;
+	background-color: #F0F0F0;
+	color: #000000;
 }
 
 #searchOL {
@@ -45,18 +45,18 @@ a {
 }
 
 #searchOL li a {
-	border: 0px solid #3B4252;
+	border: 0px solid #F0F0F0;
 	margin-top: -1px;
-	background-color: #3B4252;
+	background-color: #F0F0F0;
 	padding: 12px;
 	text-decoration: none;
-	font-size: 15px;
+	font-size: 16px;
 	display: block;
-	color: #ECEFF4;
+	color: #000000;
 }
 
 #searchOL li a:hover:not(.header) {
-	background-color: #4C566A;
+	background-color: #DBD9D8;
 }
 
 @media only screen and (max-width:640px) {
@@ -82,8 +82,8 @@ a {
 }
 
 ::placeholder {
-  color: #ECEFF4;
-  font-family: 'Fira Mono';
+  color: #000000;
+  font-family: 'monospace';
 }
 
 .modal {
@@ -96,29 +96,29 @@ a {
 	width: 100%;
 	height: 100%;
 	overflow: auto;
-	background-color: #3B4252;
+	background-color: #F0F0F0;
 	background-color: rgba(0, 0, 0, 0.4);
 	text-align: left;
 }
 
 .modal-content {
-	background-color: #3B4252;
+	background-color: #F0F0F0;
 	font-size: 15px;
 	margin: auto;
 	padding: 20px;
-	border: 0px solid #3B4252;
+	border: 0px solid #F0F0F0;
 	width: 35%;
 }
 
 .close {
-	color: #ECEFF4;
+	color: #000000;
 	float: right;
 	font-size: 16px;
 	font-weight: 400;
 }
 
 .close:focus, .close:hover {
-	color: #ECEFF4;
+	color: #000000;
 	text-decoration: none;
 	cursor: pointer;
 }
diff --git a/index.html b/index.html
@@ -10,9 +10,6 @@
         content="minimal, lightweight, reliable, fast, universal, cold, wallet, generator, offline, bitcoin, btc, cryptocurrency">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap" rel="stylesheet">
 </head>
 
 <body>
@@ -25,16 +22,16 @@ <h1 class="title">Cold Wallet Generator</h1><br><br><input id="searchInput" onke
             <li><a href="litecoin.html">Litecoin (LTC)</a></li>
             <li><a href="dogecoin.html">Dogecoin (DOGE)</a></li>
 	        <li><a href="goldcoin.html">Goldcoin (GLC)</a></li>
-            <li><a href="worldcoin.html">Worldcoin (WDC)</a></li>
-            <li><a href="blackcoin.html">Blackcoin (BLK)</a></li>
-	        <li><a href="validity.html">Validity (VAL)</a></li>
             <li><a href="ripple.html">Ripple (XRP)</a></li>
             <li><a href="stellar.html">Stellar Lumens (XLM)</a></li>
             <li><a href="dash.html">Dash (DASH)</a></li>
             <li><a href="tron.html">Tron (TRX)</a></li>
             <li><a href="namecoin.html">Namecoin (NMC)</a></li>
             <li><a href="vericoin.html">Vericoin (VRC)</a></li>
             <li><a href="monero.html">Monero (XMR)</a></li>
+            <li><a href="worldcoin.html">Worldcoin (WDC)</a></li>
+            <li><a href="blackcoin.html">Blackcoin (BLK)</a></li>
+            <li><a href="validity.html">Validity (VAL)</a></li>
             <li><a href="litecoincash.html">Litecoincash (LCC)</a></li>
             <li><a href="freecash.html">Freecash (FCH)</a></li>
             <li><a href="auroracoin.html">Auroracoin (AUR)</a></li>