MediaWiki:Common.css: Difference between revisions

From The Jadnix Codex

No edit summary
No edit summary
Line 1: Line 1:
/* JADNIX CODEX: MINIMALIST DARK THEME */
/* ============================================================
  JADNIX CODEX: CITIZEN OVERRIDE
  ============================================================ */


:root {
:root {
     /* The Void Colors */
     /* 1. THE VOID (Backgrounds) */
     --background-color-base: #0a0a0f !important; /* Deep black-blue */
     --background-color-base: #0a0a0f;       /* Deep Void Black */
     --color-surface-0: #050508 !important;       /* Pure void */
     --background-color-surface: #13131a;    /* Slightly lighter for cards */
     --color-base: #d1d1d1 !important;             /* Light gray text */
    --background-color-overlay: #1a1a24;   /* Headers */
 
    /* 2. THE TEXT */
     --color-base: #d1d1d1;                 /* Light Gray text */
      
      
     /* The Jadnix Soul */
     /* 3. THE FACTIONS (Colors) */
     --color-primary: #a020f0 !important;         /* Signature Purple */
     --color-primary: #a020f0;               /* JADNIX PURPLE */
    --color-primary--hover: #b040ff;       
    --color-primary--active: #9010e0;     
 
    --color-secondary: #00ff9f;            /* JADNIX GREEN */
 
    /* 4. THE FONT (Monospace/Terminal Style) */
    --font-family-system: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-family-header: 'Consolas', 'Monaco', 'Courier New', monospace;
}
}


/* Force dark backgrounds on everything */
/* ============================================================
body, .mw-body, .mw-header, .mw-sidebar {
  CUSTOM VISUALS
     background-color: var(--background-color-base) !important;
  ============================================================ */
     color: var(--color-base) !important;
 
/* 5. THE SCANLINES (Your original code!) */
body::before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.15) 0px,
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 2px
    );
     z-index: 9999;
    pointer-events: none;  
}
}


/* Clean Purple Links */
/* 6. LINK BEHAVIOR (Green Glow on Hover) */
a {
a { transition: all 0.2s ease-in-out; }
     color: var(--color-primary) !important;
a:hover {
     color: var(--color-secondary) !important;
    text-shadow: 0 0 8px var(--color-secondary);
     text-decoration: none;
     text-decoration: none;
}
}


a:hover {
/* 7. HEADER BORDER */
     color: #fff !important;
.mw-header {
    text-shadow: 0 0 5px var(--color-primary);
     border-bottom: 3px solid var(--color-primary);
}
}


/* Kill the borders for a cleaner look */
/* 8. LOGO TINT (Makes the default logo purple-ish until you replace it) */
.mw-header, .mw-sidebar {
.mw-logo-icon { filter: hue-rotate(260deg); }
    border-color: #222 !important;
}

Revision as of 14:40, 8 February 2026

/* ============================================================
   JADNIX CODEX: CITIZEN OVERRIDE
   ============================================================ */

:root {
    /* 1. THE VOID (Backgrounds) */
    --background-color-base: #0a0a0f;       /* Deep Void Black */
    --background-color-surface: #13131a;    /* Slightly lighter for cards */
    --background-color-overlay: #1a1a24;    /* Headers */

    /* 2. THE TEXT */
    --color-base: #d1d1d1;                  /* Light Gray text */
    
    /* 3. THE FACTIONS (Colors) */
    --color-primary: #a020f0;               /* JADNIX PURPLE */
    --color-primary--hover: #b040ff;        
    --color-primary--active: #9010e0;       

    --color-secondary: #00ff9f;             /* JADNIX GREEN */

    /* 4. THE FONT (Monospace/Terminal Style) */
    --font-family-system: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-family-header: 'Consolas', 'Monaco', 'Courier New', monospace;
}

/* ============================================================
   CUSTOM VISUALS
   ============================================================ */

/* 5. THE SCANLINES (Your original code!) */
body::before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        0deg, 
        rgba(0, 0, 0, 0.15) 0px, 
        rgba(0, 0, 0, 0.15) 1px, 
        transparent 1px, 
        transparent 2px
    );
    z-index: 9999;
    pointer-events: none; 
}

/* 6. LINK BEHAVIOR (Green Glow on Hover) */
a { transition: all 0.2s ease-in-out; }
a:hover {
    color: var(--color-secondary) !important;
    text-shadow: 0 0 8px var(--color-secondary);
    text-decoration: none;
}

/* 7. HEADER BORDER */
.mw-header {
    border-bottom: 3px solid var(--color-primary);
}

/* 8. LOGO TINT (Makes the default logo purple-ish until you replace it) */
.mw-logo-icon { filter: hue-rotate(260deg); }