From 575f7d31e8ae7cecb13cc1b8606d94e982f0ed0d Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Thu, 2 Nov 2023 23:49:26 +1000
Subject: [PATCH] match colors with the console UI

---
 filed/static/assets/alert.css     |  3 +++
 filed/templates/curlapi_help.html | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/filed/static/assets/alert.css b/filed/static/assets/alert.css
index 55bc69d..2444755 100644
--- a/filed/static/assets/alert.css
+++ b/filed/static/assets/alert.css
@@ -24,4 +24,7 @@
 
 .alert.blue .alert-title {
     background: #203050;
+}
+.alert.green .alert-title {
+    background: #205030;
 }
\ No newline at end of file
diff --git a/filed/templates/curlapi_help.html b/filed/templates/curlapi_help.html
index 5a92970..e982594 100644
--- a/filed/templates/curlapi_help.html
+++ b/filed/templates/curlapi_help.html
@@ -25,7 +25,11 @@
         </a>
     </p>
     <div class='code'>
-        curl -X POST {{env.instanceurl}}/curlapi/upload -F'file=@file.txt' -F'tos_consent=on'
+        <span style='color:green'>curl</span>
+        <span style='color:orange'>-X POST</span>
+        <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
+        <span style='color:orange'>-F'file=@file.txt'</span>
+        <span style='color:orange'>-F'tos_consent=on'</span>
     </div>
     <p>
         To add a password, do it like this:
@@ -34,7 +38,12 @@
         </a>
     </p>
     <div class='code'>
-        curl -X POST {{env.instanceurl}}/curlapi/upload -F'file=@file.txt' -F'filename=uwu' -F'tos_consent=on' -F'named=on'
+        <span style='color:green'>curl</span>
+        <span style='color:orange'>-X POST</span>
+        <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
+        <span style='color:orange'>-F'file=@file.txt'</span>
+        <span style='color:orange'>-F'tos_consent=on'</span>
+        <span style='color:orange'>-F'named=on'</span>
     </div>
     <p>
         Note that the
@@ -45,7 +54,7 @@
         HTML form.
     </p>
     
-    <div class="alert danger">
+    <div class="alert green">
         <h1 class="alert-title">
             Important
         </h1>