Merge remote-tracking branch 'origin/next' into next-emoji-reacts

app/styles/components/columns.scss

@@ -760,14 +760,14 @@
 
 .empty-column-indicator,
 .error-column {
-  @apply bg-primary-50 text-gray-900 text-center p-10 flex flex-1 items-center justify-center min-h-[160px] rounded-lg;
+  @apply bg-primary-50 dark:bg-slate-700 text-gray-900 dark:text-gray-300 text-center p-10 flex flex-1 items-center justify-center min-h-[160px] rounded-lg;
 
   @supports (display: grid) { // hack to fix Chrome <57
     contain: strict;
   }
 
   & > span {
-    max-width: 400px;
+    @apply max-w-[400px];
   }
 
   a {

app/styles/components/emoji-reacts.scss

@@ -1,19 +1,15 @@
 .emoji-react {
-  display: inline-block;
-  transition: 0.1s;
-  color: var(--primary-text-color--faint);
-  text-decoration: none;
+  @apply inline-block text-gray-900 dark:text-gray-300 no-underline;
 
   &__emoji {
     img {
-      width: 20px;
-      height: 20px;
+      @apply w-5 h-5;
       filter: drop-shadow(2px 0 0 var(--foreground-color));
     }
   }
 
   &__count {
-    display: none;
+    @apply hidden;
   }
 
   + .emoji-react {

app/styles/components/sidebar-menu.scss

@@ -1,5 +1,5 @@
 .sidebar-menu {
-  @apply flex inset-0 fixed flex-col w-80 bg-white transition-all ease-linear -translate-x-80 z-1000;
+  @apply flex inset-0 fixed flex-col w-80 bg-white dark:bg-slate-800 transition-all ease-linear -translate-x-80 z-1000;
 
   &__wrapper {
     opacity: 0;
@@ -39,6 +39,10 @@
     width: 90vw;
     transform: translateX(-90vw);
   }
+
+  hr {
+    @apply border-gray-200 dark:border-gray-700;
+  }
 }
 
 .sidebar-menu__root--visible {

app/styles/components/status.scss

@@ -97,19 +97,7 @@
 }
 
 .status__content__read-more-button {
-  display: block;
-  font-size: 15px;
-  line-height: 20px;
-  color: var(--highlight-text-color);
-  border: 0;
-  background: transparent;
-  padding: 0;
-  padding-top: 8px;
-
-  &:hover,
-  &:active {
-    text-decoration: underline;
-  }
+  @apply block text-gray-900 dark:text-gray-300 border-0 bg-transparent p-0 pt-2 hover:underline active:underline;
 }
 
 .status__content__spoiler-link {