From f93487b7fa017eaaecabfadcc06a29772b749a1f Mon Sep 17 00:00:00 2001
From: Mystikfluu <Mystikfluu@gmail.com>
Date: Wed, 15 Jun 2022 22:29:53 +0200
Subject: [PATCH] change colors to root variables

---
 css/global.css                     | 16 ++++++++++++++--
 css/posts.css                      | 18 +++++++++---------
 js/addnavbar.js                    |  2 +-
 views/api/documentation/index.html | 18 +++++++++---------
 views/index.html                   |  2 +-
 views/posts.html                   |  2 +-
 views/user.html                    |  1 +
 7 files changed, 36 insertions(+), 23 deletions(-)

diff --git a/css/global.css b/css/global.css
index 4c755ed..9718ff9 100644
--- a/css/global.css
+++ b/css/global.css
@@ -1,9 +1,21 @@
+:root {
+  --green: #C2F9BB;
+  --fg-color: #303034;
+  --bg-color: #1B1B1E;
+  --text-color: #ECEAF1;
+  --blue-ish: #587291;
+}
+
+.noselect {
+  user-select: none;
+}
+
 ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
-  background-color: #303034;
+  background-color: var(--fg-color);
 }
 
 li {
@@ -26,7 +38,7 @@ a {
   text-decoration: none;
 }
 a:link, a:visited {
-  color: #C2F9BB;
+  color: var(--green);
 }
 a:hover {
   color: red;
diff --git a/css/posts.css b/css/posts.css
index c312442..460ed02 100644
--- a/css/posts.css
+++ b/css/posts.css
@@ -3,11 +3,11 @@
 }
 
 .status {
-  color: white;
+  color: var(--text-color);
 }
 
 .self {
-  color: white;
+  color: var(--text-color);
 }
 
 #username-self {
@@ -23,11 +23,11 @@
 }
 
 .greentext {
-  color: #BFE7D4;
+  color: var(--green);
 }
 
 #posts > div {
-  background-color: #303034;
+  background-color: var(--fg-color);
   padding-left: 5px;
   padding-bottom: 2px;
 }
@@ -51,15 +51,15 @@
 }
 
 body {
-  background-color: #1B1B1E;
+  background-color: var(--bg-color);
 }
 
 textarea {
-  background-color: #1B1B1E;
+  background-color: var(--bg-color);
 }
 
 button {
-  background-color: #587291;
+  background-color: var(--blue-ish);
 }
 
 * {
@@ -67,7 +67,7 @@ button {
 }
 
 .post,.self,.status {
-  color: #ECEAF1;
+  color: var(--text-color);
   width: 50%;
   margin-left: 25%;
   margin-right: 25%;
@@ -78,7 +78,7 @@ button {
 }
 
 #post-text, button {
-  color: #ECEAF1;
+  color: var(--text-color);
   border-radius: 5px;
   resize: none;
   overflow-wrap: break-word;
diff --git a/js/addnavbar.js b/js/addnavbar.js
index dc3b9c9..4a17148 100644
--- a/js/addnavbar.js
+++ b/js/addnavbar.js
@@ -1,4 +1,4 @@
-const navbar = `<ul class="navbar">
+const navbar = `<ul class="navbar noselect">
   <li><a href="/">Home</a></li>
   <li><a href="/user" id="hide_user">Profile</a></li>
   <li><a href="/posts" id="hide_posts">Posts</a></li>
diff --git a/views/api/documentation/index.html b/views/api/documentation/index.html
index b8c5d0d..2c293f2 100644
--- a/views/api/documentation/index.html
+++ b/views/api/documentation/index.html
@@ -948,7 +948,7 @@ also sets the AUTH_COOKIE cookie to the new one
                           <div class="tab-pane active" id="examples-Everyone-changePW-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X POST\
 -H "Content-Type: application/json"\
-"https://ws.zerotwohub.tk:25566//api/changePW"</code></pre>
+"https://ws.zerotwohub.tk:25566/api/changePW"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-changePW-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -1221,7 +1221,7 @@ username and post text are URI Encoded
                           <div class="tab-pane active" id="examples-Everyone-getPosts-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X GET\
 -H "Accept: application/json"\
-"https://ws.zerotwohub.tk:25566//api/getPosts"</code></pre>
+"https://ws.zerotwohub.tk:25566/api/getPosts"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-getPosts-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -1493,7 +1493,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-getotheruser-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X GET\
 -H "Accept: application/json"\
-"https://ws.zerotwohub.tk:25566//api/getotheruser?user="</code></pre>
+"https://ws.zerotwohub.tk:25566/api/getotheruser?user="</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-getotheruser-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -1799,7 +1799,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-getuser-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X GET\
 -H "Accept: application/json"\
-"https://ws.zerotwohub.tk:25566//api/getuser"</code></pre>
+"https://ws.zerotwohub.tk:25566/api/getuser"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-getuser-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -2065,7 +2065,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-login-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X POST\
 -H "Content-Type: application/json"\
-"https://ws.zerotwohub.tk:25566//login"</code></pre>
+"https://ws.zerotwohub.tk:25566/login"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-login-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -2336,7 +2336,7 @@ has to be logged in either by cookie or given user and password
                           <div class="tab-pane active" id="examples-Everyone-post-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X POST\
 -H "Content-Type: application/json"\
-"https://ws.zerotwohub.tk:25566//api/post"</code></pre>
+"https://ws.zerotwohub.tk:25566/api/post"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-post-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -2606,7 +2606,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-register-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X POST\
 -H "Content-Type: application/json"\
-"https://ws.zerotwohub.tk:25566//register"</code></pre>
+"https://ws.zerotwohub.tk:25566/register"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-register-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -2876,7 +2876,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-search-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X GET\
 -H "Accept: application/json"\
-"https://ws.zerotwohub.tk:25566//api/search?type=&selector="</code></pre>
+"https://ws.zerotwohub.tk:25566/api/search?type=&selector="</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-search-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
@@ -3215,7 +3215,7 @@ except ApiException as e:
                           <div class="tab-pane active" id="examples-Everyone-setBio-0-curl">
                            <pre class="prettyprint"><code class="language-bsh">curl -X POST\
 -H "Content-Type: application/json"\
-"https://ws.zerotwohub.tk:25566//api/setBio"</code></pre>
+"https://ws.zerotwohub.tk:25566/api/setBio"</code></pre>
                           </div>
                           <div class="tab-pane" id="examples-Everyone-setBio-0-java">
                             <pre class="prettyprint"><code class="language-java">import io.swagger.client.*;
diff --git a/views/index.html b/views/index.html
index 2c2ec92..db6b9d2 100644
--- a/views/index.html
+++ b/views/index.html
@@ -9,7 +9,7 @@
 
 <body>
     <header>
-        <h1>IPost</h1>
+        <h1 class="noselect">IPost</h1>
     </header>
     <main>
       <form id="login_form" class="form_class" action="login" method="post">
diff --git a/views/posts.html b/views/posts.html
index d8efcb9..20d0126 100644
--- a/views/posts.html
+++ b/views/posts.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="utf-8">
     <title>Posts</title>
-    <link rel="stylesheet" href="/css/posts.css">
     <link rel="stylesheet" href="/css/global.css">
+    <link rel="stylesheet" href="/css/posts.css">
     <script type="text/javascript" src="/js/httppost.js"></script>
     <script type="text/javascript" src="/js/htmlescape.js"></script>
     <script type="text/javascript" src="/js/addnavbar.js"></script>
diff --git a/views/user.html b/views/user.html
index 650765a..184d7e7 100644
--- a/views/user.html
+++ b/views/user.html
@@ -41,5 +41,6 @@
     <a href="/PrivacyPolicy">Our PrivacyPolicy</a> <br>
     <a href="/ToS">Our Terms of Service</a> <br>
   </footer>
+  <style media="screen" id="userstyle"></style>
 </body>
 </html>