From 068b439bbe35c516f5d9706b74640a886a17689f Mon Sep 17 00:00:00 2001
From: brodokk <brodokk@brodokk.space>
Date: Sun, 28 May 2023 11:56:11 +0000
Subject: [PATCH] Add some fixes for glitch-soc mastodon fork

---
 README.md       |  2 ++
 blueberries.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 71 insertions(+)

diff --git a/README.md b/README.md
index 3b89b55..c386e9a 100644
--- a/README.md
+++ b/README.md
@@ -7,6 +7,8 @@ Its for being use with the web extension stylus https://add0n.com/stylus.html
 (who is a fork of Stylish). This theme is also available on userstyles.org:
 https://userstyles.org/styles/254893/blueberries-mastodon-ui-user-theme
 
+**Note**: Beta support for glitch-soc fork
+
 ## Customization
 
 The customization is pretty simple, if you just want to just change the general
diff --git a/blueberries.css b/blueberries.css
index 7c3219d..063eef6 100644
--- a/blueberries.css
+++ b/blueberries.css
@@ -218,6 +218,75 @@
     border-bottom: 1px solid hsl(var(--hue), 16%, 15%);
 }
 
+/* glitsoc fixes */
+
+.notification.unread::before, .status.unread::before {
+    /* -webkit-border-start: 4px solid #8c8dff; */
+    /* -webkit-border-start: 4px solid hsl(239, 100%, 77%); */
+    -webkit-border-start: 4px solid hsl(var(--hue), 100%, 77%);
+    /* border-inline-start: 4px solid #8c8dff; */
+    /* border-inline-start: 4px solid hsl(239, 100%, 77%); */
+    border-inline-start: 4px solid hsl(var(--hue), 100%, 77%);
+}
+
+.drawer__header > * {
+    /* color: #9baec8; */
+    /* color: hsl(215, 29%, 70%); */
+    color: hsl(var(--hue), 29%, 70%);
+}
+
+.pillbar-button:not([disabled]):focus, .pillbar-button:not([disabled]):hover {
+    /* background-color: #131419; */
+    /* background-color: hsl(230, 14%, 9%); */
+    background-color: hsl(var(--hue), 14%, 9%);
+}
+
+.pillbar-button {
+    /* background-color: #282c37; */
+    /* background-color: hsl(224, 16%, 19%); */
+    background-color: hsl(var(--hue), 16%, 19%);
+}
+
+.pillbar-button:not([disabled]).active {
+    /* background-color: #595aff; */
+    /* background-color: hsl(240, 100%, 67%); */
+    /* background-color: hsl(var(--hue), 100%, 67%); */
+    /* Manually changed for readibility */
+    background-color: hsl(var(--hue), 60%, 47%);
+}
+
+.pillbar-button:not([disabled]).active:focus, .pillbar-button:not([disabled]).active:hover {
+    /* background-color: #6364ff; */
+    /* background-color: hsl(240, 100%, 69%); */
+    /* background-color: hsl(var(--hue), 100%, 69%); */
+    /* Manually changed for readability */
+    background-color: hsl(var(--hue), 60%, 69%);
+}
+
+.mbstobon-0 .drawer__inner__mastodon {
+    /* background-color: #444b5d; */
+    /* background-color: hsl(223, 16%, 32%); */
+    /* background-color: hsl(240deg, 16%, 32%); */
+    background-color: hsl(calc(var(--hue) -120deg), 16%, 32%);
+}
+
+.compose-form .autosuggest-input label .autosuggest-textarea__textarea,
+.compose-form .autosuggest-textarea label .autosuggest-textarea__textarea {
+    /* color: #d9e1e8; */
+    /* background: #282c37; */
+    /* color: hsl(208, 25%, 88%); */
+    /* background: hsl(224, 16%, 19%); */
+    color: hsl(var(--hue), 25%, 88%);
+    background: hsl(var(--hue), 16%, 19%);
+}
+
+.compose-form .autosuggest-input label .autosuggest-textarea__textarea::placeholder,
+.compose-form .autosuggest-textarea label .autosuggest-textarea__textarea::placeholder {
+    /* color: #d9e1e8; */
+    /* color: hsl(var(--hue), 25%, 88%); */
+    color: hsl(var(--hue), 25%, 88%);
+}
+
 /* end brodokk bonus fixes */
 
 .admin-wrapper .sidebar .logo {