Зафиксировали текущие изменения UI и документации

2026-08-28 12:55:28 +04:00
parent f6b95d94bc
commit ef1fd9f579
12 changed files with 522 additions and 54 deletions
@@ -221,3 +221,98 @@
    0 0 12px rgba(72, 145, 255, 0.34) !important;
  filter: drop-shadow(0 0 4px rgba(92, 190, 255, 0.46)) !important;
 }
+
+/* Второй общий тип кнопок. Цвет меняется одной переменной --shine-action-blue
+ * в main.css. Экран настройки сервера намеренно не получает этот класс. */
+:root .screen-content.filled-action-buttons button:not(.icon-btn):not(.shine-local-demo-btn),
+:root .screen-content.filled-action-buttons a.primary-btn,
+:root .screen-content.filled-action-buttons a.secondary-btn,
+:root .screen-content.filled-action-buttons a.ghost-btn,
+:root .screen-content.filled-action-buttons a.text-btn {
+  color: #ffffff !important;
+  background: var(--shine-action-blue) !important;
+  background-image: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)) !important;
+  border: 0 !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,.24),
+    0 8px 22px rgba(var(--shine-action-blue-rgb), .24) !important;
+  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
+  border-radius: 14px;
+}
+
+:root .screen-content.filled-action-buttons button:not(.icon-btn):not(.shine-local-demo-btn):hover,
+:root .screen-content.filled-action-buttons a.primary-btn:hover,
+:root .screen-content.filled-action-buttons a.secondary-btn:hover,
+:root .screen-content.filled-action-buttons a.ghost-btn:hover,
+:root .screen-content.filled-action-buttons a.text-btn:hover {
+  background: var(--shine-action-blue-hover) !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,.28),
+    0 10px 26px rgba(var(--shine-action-blue-rgb), .32) !important;
+}
+
+:root .screen-content.filled-action-buttons button:not(.icon-btn):not(.shine-local-demo-btn):active,
+:root .screen-content.filled-action-buttons a.primary-btn:active,
+:root .screen-content.filled-action-buttons a.secondary-btn:active,
+:root .screen-content.filled-action-buttons a.ghost-btn:active,
+:root .screen-content.filled-action-buttons a.text-btn:active {
+  background: var(--shine-action-blue-pressed) !important;
+  box-shadow: inset 0 3px 8px rgba(0,0,0,.26) !important;
+}
+
+:root .screen-content.filled-action-buttons button:not(.icon-btn):not(.shine-local-demo-btn):disabled {
+  color: rgba(255,255,255,.58) !important;
+  background: rgba(var(--shine-action-blue-rgb), .42) !important;
+  box-shadow: none !important;
+}
+
+/* Специальная системная кнопка должна сохранять синюю круглую подложку,
+ * несмотря на глобальный borderless-reset выше. */
+:root button.scroll-to-bottom-btn,
+:root button.scroll-to-bottom-btn:hover,
+:root button.scroll-to-bottom-btn:focus,
+:root button.scroll-to-bottom-btn:focus-visible {
+  color: #ffffff !important;
+  background: var(--shine-action-blue) !important;
+  border: 0 !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,.25),
+    0 10px 26px rgba(var(--shine-action-blue-rgb), .34) !important;
+  filter: none !important;
+}
+
+:root button.scroll-to-bottom-btn:hover {
+  background: var(--shine-action-blue-hover) !important;
+}
+
+:root button.scroll-to-bottom-btn:active {
+  background: var(--shine-action-blue-pressed) !important;
+  box-shadow: inset 0 3px 9px rgba(0,0,0,.28) !important;
+}
+
+/* Пункты унифицированных выпадающих меню остаются без постоянной заливки,
+ * но получают общую синюю реакцию при наведении/фокусе. */
+:root button.dm-head-menu-item,
+:root button.channel-menu-item,
+:root button.dm-message-action-btn {
+  justify-content: flex-start !important;
+  color: #f4f8ff !important;
+  background: transparent !important;
+  text-align: left !important;
+}
+
+:root button.dm-head-menu-item:hover,
+:root button.dm-head-menu-item:focus-visible,
+:root button.channel-menu-item:hover,
+:root button.channel-menu-item:focus-visible,
+:root button.dm-message-action-btn:hover,
+:root button.dm-message-action-btn:focus-visible {
+  background: rgba(var(--shine-action-blue-rgb), .12) !important;
+  box-shadow: none !important;
+  transform: none !important;
+}
+
+:root button.channel-menu-item.destructive,
+:root button.dm-message-action-btn--danger {
+  color: #ffb7c5 !important;
+}