Update the color scheme

pnedkov · Dec 29, 2023 · 4296668 · 4296668
1 parent 16f23ee
commit 4296668
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/ipget/static/style.css b/ipget/static/style.css
@@ -3,6 +3,7 @@
     --dgray:    #0D1117;
     --mgray:    #161B22;
     --gray:     #8D949F;
+    --lgray:    #d3d3d3;
     --green:    #83D882;
     --red:      #F87A54;
     --lred:     #FFC7A8;
@@ -16,7 +17,7 @@
 body {
     color: var(--green);
     background-color: var(--black);
-    font-family: 'Roboto Mono', monospace;
+    font-family: 'Source Code Pro', monospace;
     margin: 0;
     padding: 20px;
     display: flex;
@@ -76,7 +77,7 @@ td:nth-child(2) {
 }
 
 th:nth-child(3), td:nth-child(3) {
-    color: var(--green);
+    color: var(--lgray);
     word-wrap: break-word;
     word-break: break-all;
     overflow-wrap: break-word;
@@ -109,3 +110,9 @@ footer {
         opacity: 1;
     }
 }
+
+p {
+    font-size: 32px;
+    font-weight: bold;
+    color: var(--green);
+}
diff --git a/ipget/templates/index.html b/ipget/templates/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>IP Get</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 </head>
 <body>
@@ -16,7 +16,7 @@
             <tr>
                 <td>curl {{ client_info.remote_hostname }}<br>curl {{ client_info.remote_hostname }}/ip</td>
                 <td>IP Address</td>
-                <td><b>{{ client_info.ip }}</b></td>
+                <td><p>{{ client_info.ip }}</p></td>
             </tr>
             <tr>
                 <td>curl {{ client_info.remote_hostname }}/xff</td>
@@ -45,12 +45,11 @@
             </tr>
             <!-- Add more rows if needed -->
         </table>
-    <footer>
-        <p>&copy; <span id="current-year"></span> IP Get v{{ app_version }}</p>
-    </footer>
-    <script>
-        document.getElementById('current-year').textContent = new Date().getFullYear();
-    </script>
+
+        <footer>&copy; <span id="current-year"></span> IP Get v{{ app_version }}</footer>
+        <script>
+            document.getElementById('current-year').textContent = new Date().getFullYear();
+        </script>
     </div>
 </body>
 </html>