From f078d165231a577055d9c32329f1e3338a3f66f4 Mon Sep 17 00:00:00 2001
From: nekobit <nekobit@noemail.net>
Date: Sat, 9 Jul 2022 07:20:36 +0000
Subject: [PATCH] More dark theme stuff

FossilOrigin-Name: 64e46e1bd6ba5362c90cd5ba2c1da60efbcc3f7aff0d054b2745bb8297eca2cc
---
 dist/treebird-dark.css | 52 +++++++++++++++++++++++++++++++++++++++---
 dist/treebird.css      | 46 +++++++++++++++++++++++++++++++++++--
 static/index.tmpl      |  2 +-
 static/post.tmpl       | 37 +++++++++++++++---------------
 4 files changed, 113 insertions(+), 24 deletions(-)

diff --git a/dist/treebird-dark.css b/dist/treebird-dark.css
index 9ce4b4f..b26d169 100644
--- a/dist/treebird-dark.css
+++ b/dist/treebird-dark.css
@@ -120,13 +120,21 @@ a, a:visited, a:hover, a:active
 }
 
 .statusbox textarea,
-input[type=textbox]
+input[type=text]
 {
     background-color: #444;
     border-color: #666;
     color: #fff;
 }
 
+.status.focused,
+.status:target
+{
+    padding-left: 7px;
+    background-color: #371b1b;
+    border-left: 3px solid #aa0000;
+}
+
 input[type=submit]
 {
     border-color: #666;
@@ -205,9 +213,14 @@ select
     border-color: #454545;
 }
 
-.in-reply-to-id
+.in-reply-to svg
 {
-    color: #6c6c6c;
+    stroke: #8c8c8c;
+}
+
+.in-reply-to, .in-reply-to a
+{
+    color: #8c8c8c;
 }
 
 .group-inputbox
@@ -215,4 +228,37 @@ select
     border-color: #707070;
 }
 
+#instance-panel
+{
+    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #303030 10px, #303030 20px);
+    border-top: 1px dashed #505050;
+    border-bottom: 1px dashed #505050;
+}
 
+ul.large-list
+{
+    border: 1px solid #404040;
+}
+
+.lists-view-container ul li:not(:last-child)
+{
+    border-bottom: 1px solid #505050;
+}
+
+ul.large-list li .edit-list-btn
+{
+    background: linear-gradient(#606060, #505050);
+    color: #fff;
+    border-left: 1px solid #404040;
+}
+
+.list-edit-content
+{
+    background-color: #404040;
+    border-top: #404040;
+}
+
+.static.focused .poster-stats .alignend, .status:target .poster-stats .alignend
+{
+    background-color: #371b1b;
+}
diff --git a/dist/treebird.css b/dist/treebird.css
index cbdb3b9..6554149 100644
--- a/dist/treebird.css
+++ b/dist/treebird.css
@@ -45,7 +45,7 @@ ul
     margin-left: auto;
     margin-right: auto;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
-    border: 1px solid rgba(200, 200, 200, 0.7);
+    border: 1px solid rgba(200, 200, 200, 0.5);
     border-radius: 5px;
     overflow: hidden;
 }
@@ -1391,6 +1391,48 @@ p}
     min-width: 25px !important;
 }
 
+.statusbox .post-group
+{
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 1px;
+}
+
+.statusbox .post-group .visibility-icon
+{
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    vertical-align: middle;
+    text-align: center;
+    cursor: pointer;
+}
+
+.statusbox .post-group .visibility-icon:hover
+{
+    background-color: #d3d3d3;
+}
+
+.statusbox .post-group input[type=radio].hidden:checked + .visibility-icon svg
+{
+    stroke: #000;
+}
+
+.statusbox .post-group .visibility-icon svg
+{
+    position: relative;
+    top: 4px;
+    width: 16px;
+    height: 16px;
+    stroke: #7a7a7a;
+}
+
+.statusbox .post-group .visibility-icon.vis-direct svg
+{
+    top: 5px;
+}
+
 .notification-compact .status-interact .statbtn
 {
     min-width: 0px !important;
@@ -1714,7 +1756,7 @@ input[type=radio].hidden:not(:checked) + .emoji-picker-emojos
 ul.large-list
 {
     width: 500px;
-    border-radius: 15px;
+    border-radius: 5px;
     background-color: #f8f8f8;
     border: 1px solid #cacaca;
     padding: 0;
diff --git a/static/index.tmpl b/static/index.tmpl
index ac62bc4..bdd8525 100644
--- a/static/index.tmpl
+++ b/static/index.tmpl
@@ -29,7 +29,7 @@
             {{ %s : sidebar_cnt }}
             <!-- Searchbox -->
             <form action="{{ %s : prefix }}/search" method="get">
-              <input type="textbox" class="group group-left group-inputbox" placeholder="{{ %s : placeholder }}" id="searchbox" name="q"><!-- i hate HTML
+              <input type="text" class="group group-left group-inputbox" placeholder="{{ %s : placeholder }}" id="searchbox" name="q"><!-- i hate HTML
                                                                                                                                            --><input type="submit" class="btn group group-right" value="{{ %s : search_btn }}">
             </form>
           </div>
diff --git a/static/post.tmpl b/static/post.tmpl
index 6af9f7e..042b5cc 100644
--- a/static/post.tmpl
+++ b/static/post.tmpl
@@ -4,52 +4,53 @@
     <textarea name="content" placeholder="Just landed in N.Y." rows="5" tabindex="1">{{%s:content}}</textarea>
     <div class="statusfooter">
       <div class="statusfooter-left">
-        <select tabindex="3" name="visibility" id="visibility">
-          <option value="public">Public</option>
-          <option value="unlisted">Unlisted</option>
-          <option value="private">Private</option>
-          <option value="direct">Direct</option>
-          <option value="local">Local</option>
-          <!-- TODO generate lists -->
+        <select tabindex="3" name="contenttype" class="content-type">
+          <option value="plaintext">Plain</option>
+          <option value="markdown">Markdown</option>
+          <option value="html">HTML</option>
+          <option value="bbcode">BBCode</option>
         </select>
         <div class="post-group">
           <!-- Local -->
-          <label for="vis-check-local">
-            <input type="checkbox" id="vis-check-local" name="visibility" value="local" class="hidden">
+          <label>
+            <input type="radio" name="visibility" value="local" class="hidden">
             <div class="visibility-icon vis-local">
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg>
             </div>
           </label>
           <!-- Direct -->
-          <label for="vis-check-direct">
-            <input type="checkbox" id="vis-check-direct" name="visibility" value="direct" class="hidden">
+          <label>
+            <input type="radio" name="visibility" value="direct" class="hidden">
             <div class="visibility-icon vis-direct">
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
             </div>
           </label>
           <!-- Private -->
-          <label for="vis-check-private">
-            <input type="checkbox" id="vis-check-private" name="visibility" value="private" class="hidden">
+          <label>
+            <input type="radio" name="visibility" value="private" class="hidden">
             <div class="visibility-icon vis-private">
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
             </div>
           </label>
           <!-- Unlisted -->
-          <label for="vis-check-unlisted">
+          <label>
+            <input type="radio" name="visibility" value="unlisted" class="hidden">
             <div class="visibility-icon vis-unlisted">
-              <input type="checkbox" id="vis-check-unlisted" name="visibility" value="public" class="hidden">
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
             </div>
           </label>
           <!-- Public -->
-          <label for="vis-check-public">
+          <label>
+            <input type="radio" name="visibility" value="public" class="hidden" checked>
             <div class="visibility-icon vis-public">
-              <input type="checkbox" id="vis-check-public" name="visibility" value="" class="hidden">
               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
             </div>
           </label>
         </div>
-        <input type="file" name="file" tabindex="4" multiple>
+        <label>
+          <input type="file" name="file" class="hidden" tabindex="4" multiple>
+          <div class="file-upload-btn"></div>
+        </label>
       </div>
       <div class="statusfooter-right">
         <input type="submit" value="Post" tabindex="2" class="btn post-btn">