added dark mode

aaanh · Oct 29, 2022 · 9f17fd9 · 9f17fd9
1 parent b739d56
commit 9f17fd9
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="theme-compiled dark">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,14 +9,14 @@
  <script src="script.js"></script>
  <link rel="stylesheet" href="style.css">
 </head>
-<body>
- <div class="flex flex-col items-center justify-center h-screen w-screen">
+<body class="dark:text-white">
+ <div class="dark:text-white flex flex-col items-center justify-center h-screen w-screen">
  <div class="">
- <h1 class="text-green-500">Get Raw Gists</h1>
+ <h1 class="text-green-500 dark:text-green-500">Get Raw Gists</h1>
  <blockquote>It simply works by appending <code>/raw</code> into the URL and return the content.</blockquote>
  <form action="https://gist-endpoint.aaanh.app" method="GET">
- <input class="border rounded w-64 p-2" type="text" name="gist_url" />
- <input id="get-raw-now" class="p-2" type="submit" value="GET RAW NOW">
+ <input class="border rounded w-64 p-2 dark:bg-transparent dark:border-blue-500 dark:text-white" type="text" name="gist_url" />
+ <input id="get-raw-now" class="p-2 dark:bg-transparent dark:border-blue-500 dark:text-white" type="submit" value="GET RAW NOW">
  </form>
  <div class="my-8">
  By <a href="https://aaanh.ca">Anh H Nguyen</a> | <a href="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/aaanh/gist-stuff">Github</a>