html.theme-zeitfresser,
:root.theme-zeitfresser,
[data-theme="zeitfresser"] {
  --is-dark-theme: true;
  color-scheme: dark;

  /* =======================================
     HINTERGRUND (#1e1f29)
     ======================================= */
  --color-body: #1e1f29 !important;               
  --color-navbar: #1e1f29 !important;
  --color-background: #1e1f29 !important;             

  /* =======================================
     TEXT (#f7f7fa) 
     ======================================= */
  --color-text: #f7f7fa !important;               
  --color-text-light: #f7f7fa !important;         
  --color-text-light-2: #f7f7fa !important;       

  /* =======================================
     HIGHLIGHT / HOVER / LINKS (#bd93f9)
     ======================================= */
  --color-primary: #bd93f9 !important;            
  --color-primary-hover: #bd93f9 !important;      
  --color-primary-active: #bd93f9 !important;     
  --color-link: #bd93f9 !important;               
  --color-link-hover: #f7f7fa !important;         
  --color-hover: #bd93f9 !important;              
  --color-active: #bd93f9 !important;             
  --color-border-hover: #bd93f9 !important;       
  --color-checkbox-checked-bg: #bd93f9 !important; 

  /* =======================================
     FOOTER, BOXEN & CHECKBOXEN (#2f313d)
     ======================================= */
  --color-footer: #2f313d !important;             
  --color-box-header: #2f313d !important;         
  --color-box-body: #2f313d !important; 
  --color-box-bg: #2f313d !important;          
  --color-menu: #2f313d !important;               
  --color-secondary: #2f313d !important;          
  --color-border: #2f313d !important;             
  --color-markup-code-block: #2f313d !important;  
  --color-code-bg: #2f313d !important;            
  --color-input-background: #2f313d !important;   
  --color-input-border: #2f313d !important;
}

/* =======================================
   DIREKTES ÜBERSCHREIBEN DER WEISSEN FLÄCHEN
   ======================================= */

/* Haupt-Hintergrund */
body, .full.height {
    background-color: #1e1f29 !important;
    color: #f7f7fa !important;
}

/* Die Dashboard-Boxen und Repository-Listen (Die weißen Blöcke in deinem Screenshot) */
.ui.segment, 
.ui.segments,
.ui.attached.segment,
.repository.dashboard .ui.segment {
    background-color: #2f313d !important;
    border-color: #1e1f29 !important;
    color: #f7f7fa !important;
}

/* Tabellen-Hintergründe (z.B. Commit-Historie, Dateien) */
table, .ui.table {
    background-color: #2f313d !important;
    color: #f7f7fa !important;
}

/* Spezifisch für den leeren "No Activity" Bereich */
.empty-placeholder {
    background-color: #1e1f29 !important;
    color: #f7f7fa !important;
}

/* =======================================
   STARTSEITEN-LOGO VERKLEINERN & ABSTAND
   ======================================= */
.page-content.home .center img.logo {
    display: inline-block !important; 
    max-width: 80px !important;       
    height: auto !important;
    margin-top: 50px !important;          
    margin-bottom: 120px !important;
}

/* =======================================
   ABSTAND ZWISCHEN TEXT UND ICON-BLOCK 
   (TAILWIND-OVERRIDE)
   ======================================= */

/* Wir sprechen das Div an, das direkt über dem Grid liegt */
.page-content.home div.tw-mb-8.tw-px-8 {
    margin-bottom: 8rem !important;
}

/* Falls Gitea das Grid in einer anderen Reihe hat, schieben wir das Grid selbst mit Padding */
.page-content.home .ui.stackable.grid {
    margin-top: 5rem !important;
    padding-top: 2rem !important;
}