Heimdall

Custom CSS

Cancel

"/* * --- Heimdall Neon V6 - Zonder Randjes & Achtergrond Fix ---
* Gemaakt door Gemini - Rood/Oranje Accent
* Wijzigingen: Rode randen (border) verwijderd. Achtergrondfix maximaal geforceerd.
*/

/* --- 1. Kleuren & Variabelen (Extreem Belangrijk) --- */
:root {
  /* BACKGROUND FIX: PURE ZWART */
  --background-color: #000000;
  /* Item achtergrond: Iets paarsiger donker en semi-transparant */
  --item-bg-color: rgba(25, 20, 30, 0.85);
  --text-color: #f0f0f5;
  --text-color-dim: #c5c5d0;
 
  /* PRIMAIRE KLEUR: Intense Rood-Oranje Neon */
  --primary-color-rgb: 255, 69, 0;
  --primary-color: rgb(var(--primary-color-rgb));
}

/* --- 2. Globale Stijlen & Achtergrond (DE ULTIEME FIX) --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* TARGET DE ALLERHOOGSTE CONTAINERS VOOR DE ACHTERGROND */
html, body {
  /* Verwijdert de Heimdall achtergrondafbeelding en dwingt de kleur */
  background: var(--background-color) !important;
  background-image: none !important;
  background-color: var(--background-color) !important;

background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
  font-family: 'Inter', sans-serif !important;
  color: var(--text-color) !important;
}

body {
    background: transparent !important; /* Zorgt dat de body niet interfereert */
    text-shadow: 0 0 4px rgba(var(--primary-color-rgb), 0.25) !important;
}

/* FIX: Zorgt dat de welkomsttekst zichtbaar is */
.welcomemessage, #welcome-message {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 24px !important;
    color: var(--primary-color) !important;
    text-align: center !important;
    margin-top: 30px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(var(--primary-color-rgb), 1.0) !important;
}

/* --- 3. Item/App Styling (GEEN RODE RAND MEER) --- */
.item {
  background: var(--item-bg-color) !important;
  border-radius: 8px !important;
  margin: 10px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
 
  /* DEZE LIJN VERWIJDERT DE RODE RAND */
  border: none !important;
 
  box-shadow: 0 6px 20px rgba(0,0,0,0.8) !important; /* Donkerdere schaduw */
}

/* Verwijder eventuele restanten van oude effecten */
.item::before {
    content: none !important;
}

/* --- 4. Hover Effecten --- */
.item:hover {
  transform: translateY(-5px) scale(1.02) !important;
  /* De gloed rondom de kaart blijft behouden */
  box-shadow:
    0 0 10px 3px rgba(var(--primary-color-rgb), 0.9) !important,
    0 15px 35px rgba(0,0,0,0.8) !important;
}

/* --- 5. Item Inhoud (Tekst & Icoon) --- */
.item .title {
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--text-color) !important;
}

.item .support {
  color: var(--text-color-dim) !important;
  font-size: 0.85em !important;
}

.item:hover .app-icon-container {
   filter: brightness(1.5) drop-shadow(0 0 8px rgba(var(--primary-color-rgb), 1.0)) !important;
}

.item svg {
  display: none;
}

.item:after {
  display: none;
}