From e412d705d4ea091babc8a05fecab05cf946630ec Mon Sep 17 00:00:00 2001
From: "me@ow.nekobit.net" <me@ow.nekobit.net>
Date: Tue, 19 Apr 2022 14:32:13 +0000
Subject: [PATCH] treebird40 Theme changes

FossilOrigin-Name: d16dc7f481c469bb5f6c3b7caf9037317a8556d323ac7e9f03ec867feb6a2cd1
---
 dist/treebird40.css | 49 ++++++++++++++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/dist/treebird40.css b/dist/treebird40.css
index 90b55fa..6317f8c 100644
--- a/dist/treebird40.css
+++ b/dist/treebird40.css
@@ -51,8 +51,10 @@ ul
 
 #main-page
 {
-
-    background-color: rgba(255, 255, 255, 0.9);
+    background: url("/img/noise.png");
+    background-color: rgba(255, 255, 255, 0.95);
+    background-attachment: fixed;
+    backdrop-filter: saturate(600%) blur(12px);
     width: 1000px;
     margin-left: auto;
     margin-right: auto;
@@ -106,8 +108,8 @@ table.ui-table td
 {
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
-    background: rgba(250, 250, 250, 0.8);
-    backdrop-filter: blur(12px);
+    background: rgba(253, 253, 253, 0.85);
+    backdrop-filter: saturate(500%) blur(12px);
     width: 1000px;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
     z-index: 999;
@@ -164,10 +166,10 @@ table.ui-table td
 
 #main
 {
-    background-color: #fff;
-    width: 610px;
-    max-width: 610px !important;
-    min-width: 610px;
+    background-color: rgba(255, 255, 255, 0.7);
+    width: 608px;
+    max-width: 608px !important;
+    min-width: 608px;
     border-collapse: collapse !important;
     padding: 0;
 }
@@ -178,11 +180,18 @@ table.ui-table td
     min-height: 600px;
 }
 
+#leftbar
+{
+    border-right: 1px solid #eaeaea;
+}
+
+#rightbar
+{
+    border-left: 1px solid #eaeaea;
+}
+
 .sidebar
 {
-    background: url("/img/noise.png");
-    background-attachment: fixed;
-    backdrop-filter: blur(16px);
     width: 180px;
     min-height: 600px;
     max-width: 180px;
@@ -312,30 +321,30 @@ input[type=button], input[type=submit]
 {
     position: relative;
     top: 0px;
+    border: 1px solid transparent;
     display: block;
     padding: 10px 8px 10px 16px;
     margin: 4px;
     border-radius: 8px;
     transition: top .2s,
                 box-shadow .2s,
-                background-color .2s;
+                background-color .2s,
+                transform .2s;
 }
 
 .sidebarbtn:hover
 {
-    background-color: #fff;
-    box-shadow: 0px 2px 0px 0px #f9f9f9,
-                0px 2px 5px rgba(0, 0, 0, 0.05);
+    background-color: rgba(255, 255, 255, 0.6);
+    border: 1px solid #efefef;
+    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
 
 ;
 }
 
 .sidebarbtn:active
 {
-    position: relative;
-    top: 2px;
-    background-color: #fff;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.02);
+    transform: scale(.9);
 }
 
 
@@ -871,9 +880,13 @@ svg.in-reply-to-icon
 
 .statusbox textarea
 {
+    border-radius: 5px;
+    border: 1px solid #eaeaea;
     display: block;
     width: 592px;
     margin-bottom: 5px;
+    padding: 2px;
+    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
 }
 
 .statusbox .statusfooter