Heimdall

CSS personnalisé

Annuler

/* --- Heimdall: Glassmorphism + texte gris clair + hover bleu --- */
:root{
  --bg1:#0b1220;
  --bg2:#111827;

--glass:rgba(255,255,255,.06);
  --b:rgba(255,255,255,.10);

/* Texte gris très clair */
  --text: rgba(220,220,220,0.85);
  --text-soft: rgba(220,220,220,0.65);

/* Bleu clair pour le hover */
  --hover-blue: #00CFFF;
}

body{
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  background:linear-gradient(135deg,var(--bg1),var(--bg2)) !important;
  color: var(--text) !important;
}

/* Cartes / tuiles */
.item,.app{
  background:var(--glass) !important;
  border:1px solid var(--b) !important;
  border-radius:18px !important;
  backdrop-filter:blur(8px);
  box-shadow:0 3px 20px var(--hover-blue) !important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-sizing:border-box !important; /* évite le "saut" avec bordure 3px */
}

/* Hover : bordure 3px bleu clair + léger glow */
.item:hover,.app:hover{
  transform:translateY(-2px);
  border:3px solid var(--hover-blue) !important;
  box-shadow:
    0 0 0 2px rgba(96,165,250,0.20),
    0 14px 40px rgba(0,0,0,.45) !important;
}

/* Forcer la couleur de texte des tuiles (selon thème ça peut varier) */
.item, .app,
.item .title, .app .title,
.item .name, .app .name,
.item a, .app a{
  color: var(--text) !important;
}

/* Texte secondaire éventuel */
.item small, .app small,
.item .subtitle, .app .subtitle,
.item .description, .app .description{
  color: var(--text-soft) !important;
}

/* Barre de recherche */
input[type="search"], input.search, #search{
  font-family: "JetBrains Mono", monospace !important;
  color: var(--text) !important;
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;
}

input[type="search"]::placeholder, input.search::placeholder, #search::placeholder{
  color: var(--text-soft) !important;
}

/* ---------------------------
   Taille de police (à la fin)
   --------------------------- */

/* Titres des tuiles */
.item .title, .app .title,
.item .name,  .app .name{
  font-family: "JetBrains Mono", monospace !important;
  font-size: 16px !important;
}