Tiny misc fixes (#59)

common/common.scss

@@ -1,16 +1,17 @@
+@import "box-view";
 @import "buttons";
+@import "chat";
+@import "color-choice";
+@import "color-exploration";
+@import "composer";
 @import "header";
 @import "hiddenstuff";
 @import "main";
+@import "misc";
+@import "mobile-stuff";
 @import "nav-pills";
 @import "search-banner";
 @import "sidebar";
 @import "topic";
 @import "topic-cards";
 @import "variables";
-@import "box-view";
-@import "chat";
-@import "misc";
-@import "mobile-stuff";
-@import "color-exploration";
-@import "color-choice";

scss/buttons.scss

@@ -8,15 +8,12 @@
 
 .sidebar-new-topic-button__wrapper .topic-drafts-menu-trigger.btn.no-text {
   background: var(--accent-color);
-  &:hover {
+  &:hover,
-    background: radial-gradient(
+  &:focus-visible {
-        90% 110% at 50% 50%,
+    background: oklch(from var(--accent-color) 40% c h) !important;
-        rgba(255, 255, 255, 0.3) 0%,
+    box-shadow: none;
-        rgba(255, 255, 255, 0) 100%
-      ),
-      var(--accent-color);
   }
-  svg {
+  .d-icon {
     color: var(--accent-text-color);
   }
 }

scss/composer.scss

@@ -0,0 +1,40 @@
+#reply-control
+  .select-kit.dropdown-select-box.composer-actions
+  .select-kit-header {
+  border: 1px solid var(--tertiary-700);
+  background: var(--secondary);
+  &:hover {
+    .d-icon {
+      color: var(--accent-color);
+    }
+  }
+}
+.d-editor-button-bar {
+  .btn:hover,
+  .toolbar-popup-menu-options.is-expanded {
+    .discourse-no-touch & {
+      background: var(--tertiary-very-low);
+      color: var(--accent-color);
+
+      .d-icon {
+        color: inherit;
+      }
+
+      //to have parity with regular select-kit styling used elsewhere
+      .select-kit-row {
+        .d-icon {
+          color: var(--primary-high);
+        }
+        &:hover {
+          .d-icon {
+            color: var(--primary);
+          }
+        }
+      }
+    }
+  }
+
+  .toolbar-popup-menu-options.is-expanded {
+    border-radius: var(--d-border-radius);
+  }
+}

scss/misc.scss

@@ -91,7 +91,6 @@ input[type="color"]:focus,
   background-color: var(--primary-50);
 }
 
-
 .alert.alert-info {
   background: var(--tertiary-very-low);
 }

scss/sidebar.scss

@@ -28,7 +28,6 @@
     border-radius: 0px;
   }
 }
-
 .sidebar-section-wrapper {
   @include breakpoint(extra-large, $rule: min-width) {
     padding-block: 0.45em;
@@ -39,7 +38,7 @@
     }
   }
   .sidebar-section-header {
-    font-size: var(--font-down-1);
+    font-size: var(--font-down-2);
   }
   .sidebar-section-content {
     margin: 0;
@@ -63,12 +62,10 @@
 }
 
 .sidebar-new-topic-button__wrapper {
-  margin-bottom: 1.5rem;
+  margin: 0 var(--spacing-inline-m) var(--spacing-block-l);
-  @media screen and (max-width: 1000px) {
   .sidebar-new-topic-button .d-icon {
     display: none;
   }
-  }
 }
 
 .sidebar-wrapper .sidebar-sections {

scss/topic.scss

@@ -107,3 +107,7 @@
   position: relative;
   right: -4px;
 }
+
+nav.post-controls .actions button {
+  font-size: var(--font-0);
+}