2.9.1

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 2.9.1
+
+- (Maintenance) Update Polygot styling to be compatible with new-new-new-new version.
+- (Refinement) Adjust styling of inputs in sidebar to differentiate them better from buttons.
+
 # 2.9.0
 
 - (New) Added dark-theme styling for Code Mirror when editing Rule Elements.

sass/_colors.scss

@@ -140,6 +140,7 @@ $adjusted-lower: #cc3311 !default;
   --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
     0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
+  --glassy-sharp-inset: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
   --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
   --sheet-light: url(../img/background-light.webp);
   --sheet-dark: url(../img/background-dark4.webp);

sass/foundry/_application-dark.scss

@@ -107,9 +107,16 @@
   button {
     background-color: var(--primary-dark);
     border: none;
+    &:hover {
+      background-color: var(--primary);
+      box-shadow: var(--glassy);
+    }
   }
   input {
-    border-radius: 0px 3px 3px 0px;
+    border-radius: 0px var(--border-radius) var(--border-radius) 0px;
+  }
+  .attachment {
+    border-radius: var(--border-radius) 0 0 var(--border-radius);
   }
 }
 

sass/foundry/_sidebar.scss

@@ -86,20 +86,23 @@ section.chat-sidebar {
 
   .directory .directory-header .header-search input {
     @include glass;
-    box-shadow: var(--glassy-sharp);
+    @include quick-transition;
+    box-shadow: var(--glassy-sharp-inset);
     backdrop-filter: blur(5px);
     background-color: var(--glass-bg-light);
     caret-color: var(--tertiary);
     color: var(--color-text-light-highlight);
     text-shadow: 0px 0px 3px black;
+    // border: 1px solid var(--gold-brown);
 
     &::placeholder {
-      color: var(--color-text-light-heading);
+      color: var(--color-text-light-5);
     }
+
     &:hover,
     &:focus {
       background-color: var(--glass-bg-gold);
-      box-shadow: var(--glassy-sharp-highlight);
+      box-shadow: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
     }
   }
 

sass/module/_polyglot.scss

@@ -6,10 +6,6 @@
   @include glass;
   backdrop-filter: blur(5px);
 
-  .polyglot-user-list div {
-    box-shadow: 0px 0px 0px 1px var(--tertiary);
-  }
-
   ::-webkit-scrollbar-thumb {
     background: var(--tertiary);
     border: 1px solid var(--gold-brown);
@@ -62,6 +58,10 @@
   border-color: var(--color-text-light-heading) transparent transparent transparent;
 }
 
+.polyglot-user-list div {
+  box-shadow: 0px 0px 0px 1px var(--tertiary);
+}
+
 #polyglot {
   flex-basis: 20px;
   gap: 5px;
@@ -122,9 +122,8 @@
       margin-right: -5px;
     }
     outline: 1px solid var(--gold-brown);
-    margin: unset;
-    margin-right: 2px;
-    margin-left: 2px;
+    background: var(--gold-brown);
+    margin: 3px;
     // display: flex;
     gap: 1px;
     border-radius: var(--border-radius);
@@ -138,6 +137,7 @@
       // height: 22px;
       // width: 10px;
       width: unset;
+      height: unset;
       flex: 1 0;
       width: 10px;
       border: 1px solid var(--tertiary);