Jump to content

MediaWiki:Common.css: Difference between revisions

From www.ReeltoReel.nl Wiki
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* FORCE OVERRIDE - Catppuccin Dark voor moderne Vector */
/* Catppuccin Dark - Perfect leesbaar zoals jouw voorbeeld */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap');


/* RESET ALLES */
/* ACHTERGRONDEN */
* {
body {  
   background: initial !important;
   background: #1e1e2e !important;  
  background-color: transparent !important;
   color: #cdd6f4 !important;  
   color: initial !important;
   font-family: "Fira Code", monospace !important;  
  border: none !important;
   box-shadow: none !important;
}
}


body {
/* ALLE CONTENT - WIT OP DONKER */
  background: #1e1e2e !important;
#content, #mw-content-container, .mw-parser-output {
  color: #cdd6f4 !important;
  font-family: "Fira Code", monospace !important;
  font-size: 15px !important;
}
 
/* VECTOR-2022 MAIN CONTENT */
div#mw-content-container {
   background: #24273a !important;
   background: #24273a !important;
  color: #cdd6f4 !important;  /* WIT */
   border: 1px solid #363a4f !important;
   border: 1px solid #363a4f !important;
  border-radius: 12px !important;
  margin: 20px auto !important;
  max-width: 1200px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}
}


/* MODERNE SIDEBAR - Vector 2022 */
/* FORCE WITTE TEKST OVERAL */
div#vector-user-links-dropdown,  
.mw-parser-output *,  
div#vector-user-menu-dropdown-label,
.mw-parser-output p,  
div#vector-pinnable-header-pinned-container,
.mw-parser-output li,  
.vector-menu-heading-label,
.mw-parser-output td,  
.vector-dropdown .vector-pinnable-element {
.mw-parser-output span {
  background: #24273a !important;
   color: #cdd6f4 !important; /* WIT */
  border: 1px solid #363a4f !important;
  border-radius: 8px !important;
   color: #b4befe !important;
}
}


/* CATEGORIEËN - Post-content */
/* KOPPEN BLAUW */
.mw-normal-catlinks,
#firstHeading, h1, h2, h3 {
ul.mw-normal-catlinks {
  color: #89b4fa !important;  /* BLAUW */
   background: #24273a !important;
   background: #45475a !important;
   border: 1px solid #363a4f !important;
   padding: 15px !important;
   border-radius: 8px !important;
   border-radius: 8px !important;
  padding: 16px !important;
  margin: 20px 0 !important;
}
}


.mw-normal-catlinks li {
/* CATEGORIEËN */
  background: #363a4f !important;
.mw-normal-catlinks {
  margin: 6px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}
 
.mw-normal-catlinks a {
  color: #89b4fa !important;
}
 
/* SEARCH BAR */
#searchInput,
#searchInput::placeholder {
   background: #363a4f !important;
   background: #363a4f !important;
   border: 1px solid #45475a !important;
   border: 1px solid #45475a !important;
  color: #cdd6f4 !important;
  border-radius: 8px !important;
  padding: 12px !important;
}
}
 
.mw-normal-catlinks li {
/* NAVIGATIE TABS */
.vector-menu-tabs .vector-menu-content-list a,
.mw-list-item a {
  background: #24273a !important;
  color: #a6adc8 !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
}
 
.vector-menu-tabs .vector-menu-content-list a:hover {
   background: #45475a !important;
   background: #45475a !important;
   color: #cdd6f4 !important;
   color: #cdd6f4 !important;
}
}


/* FIRST HEADING */
/* SIDEBAR */
#firstHeading {
#p-navigation, #p-namespaces {
  background: #45475a !important;
  color: #89b4fa !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-bottom: 24px !important;
}
 
/* ALLE H1-H6 */
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
  color: #89b4fa !important;
}
 
/* TABELLEN */
.mw-parser-output table {
   background: #24273a !important;
   background: #24273a !important;
   border: 1px solid #363a4f !important;
   border: 1px solid #363a4f !important;
  border-radius: 8px !important;
}
.mw-parser-output th {
  background: #45475a !important;
  color: #cdd6f4 !important;
}
.mw-parser-output td {
  border-color: #363a4f !important;
  color: #a6adc8 !important;
}
/* CODE */
pre, code {
  background: #363a4f !important;
  color: #a6adc8 !important;
  border: 1px solid #45475a !important;
}
/* LINKS OVERAL */
a, a:visited {
  color: #89b4fa !important;
}
a:hover {
  color: #b4befe !important;
  background: #45475a !important;
}
/* FOOTER */
#mw-footer-container {
  background: #1e1e2e !important;
  border-top: 1px solid #363a4f !important;
  color: #6c7086 !important;
}
}

Revision as of 19:59, 8 March 2026

/* Catppuccin Dark - Perfect leesbaar zoals jouw voorbeeld */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap');

/* ACHTERGRONDEN */
body { 
  background: #1e1e2e !important; 
  color: #cdd6f4 !important; 
  font-family: "Fira Code", monospace !important; 
}

/* ALLE CONTENT - WIT OP DONKER */
#content, #mw-content-container, .mw-parser-output {
  background: #24273a !important;
  color: #cdd6f4 !important;  /* WIT */
  border: 1px solid #363a4f !important;
}

/* FORCE WITTE TEKST OVERAL */
.mw-parser-output *, 
.mw-parser-output p, 
.mw-parser-output li, 
.mw-parser-output td, 
.mw-parser-output span {
  color: #cdd6f4 !important;  /* WIT */
}

/* KOPPEN BLAUW */
#firstHeading, h1, h2, h3 {
  color: #89b4fa !important;  /* BLAUW */
  background: #45475a !important;
  padding: 15px !important;
  border-radius: 8px !important;
}

/* CATEGORIEËN */
.mw-normal-catlinks {
  background: #363a4f !important;
  border: 1px solid #45475a !important;
}
.mw-normal-catlinks li {
  background: #45475a !important;
  color: #cdd6f4 !important;
}

/* SIDEBAR */
#p-navigation, #p-namespaces {
  background: #24273a !important;
  border: 1px solid #363a4f !important;
}