Heimdall

Custom CSS

Cancel

/* === Минималистичный спокойный стиль для Heimdall === */
/* Тёмная спокойная палитра: тёмно-серый фон, мягкие акценты */

/* Основной фон и текст */
body {
  background-color: #0f0f0f;
  color: #d4d4d4;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

/* Убираем подчёркивания и лишние стили ссылок */
a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: #a8a8a8;
}

/* Основные контейнеры (карточки приложений, формы, поиск) */
.module-container,
.item,
.searchform .input-container,
header,
#create,
.alert,
textarea,
input,
select {
  background-color: rgba(30, 30, 30, 0.85) !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  background-color: rgba(40, 40, 40, 0.95) !important;
}

/* Заголовки секций */
.module-container header .section-title,
.newblock h2 {
  color: #bbbbbb;
  background: none;
  border: none;
  font-weight: 500;
}

/* Поиск */
.searchform input {
  background-color: rgba(40, 40, 40, 0.9) !important;
  border-radius: 10px;
  padding: 12px 16px;
  color: #d4d4d4;
}

.searchform input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(120, 120, 120, 0.5);
}

/* Кнопки и действия */
.button,
.module-actions .button,
a.secondary {
  background-color: rgba(60, 60, 60, 0.9) !important;
  border-radius: 8px;
  color: #d4d4d4;
  transition: background 0.2s ease;
}

.button:hover,
.module-actions .button:hover {
  background-color: rgba(90, 90, 90, 0.95) !important;
}

/* Карточки приложений — ещё чище */
.item {
  border: none;
  background-image: none !important;
}

/* Убираем лишние бордеры и шум */
table,
.module-container .table,
.module-container footer,
.module-container header {
  background: transparent;
  border: none;
}

.module-container .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Настройки и модальные окна */
#create {
  background-color: rgba(20, 20, 20, 0.95) !important;
}

/* Фиксированные кнопки настроек (справа вверху) */
#config-buttons {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

#config-buttons:hover {
  opacity: 1;
}

/* Дополнительно: больше воздуха и минимализма */
.module-container {
  margin-bottom: 20px;
}

h1, h2, h3 {
  font-weight: 500;
  letter-spacing: -0.02em;
}