Widget:Gurren2

<style>

root {

   --bg: #121212;
   --fg: #e0e0e0;
   --accent: #66aaff;
   --panel-bg: rgba(24,24,24,0.9);
   --panel-border: #333333;
   --border: #444444;
   --code-bg: #1e1e1e;
   --scrollbar-bg: #2a2a2a;
   --scrollbar-thumb: #555555;

}

/* Global */ html, body {

   background: var(--bg) !important;
   color: var(--fg) !important;

} body {

   transition: background 0.3s, color 0.3s;

}

/* Content area */

1. content, .mw-body, .mw-body-content {

   background: var(--bg) !important;
   color: var(--fg) !important;
   border: none !important;
   box-shadow: none !important;

}

/* Sidebar */

1. mw-panel {

   background: var(--panel-bg) !important;
   border-right: 1px solid var(--panel-border) !important;
   backdrop-filter: blur(12px) !important;

}

/* Header and navigation */

1. mw-head, #mw-head-base {

   background: var(--panel-bg) !important;
   border-bottom: 1px solid var(--panel-border) !important;
   backdrop-filter: blur(10px) !important;

}

1. p-navigation, #p-cactions, #p-search, #p-personal {

   background: var(--panel-bg) !important;
   border: 1px solid var(--panel-border) !important;

}

/* Footer */

1. mw-footer {

   background: var(--panel-bg) !important;
   border-top: 1px solid var(--panel-border) !important;
   backdrop-filter: blur(10px) !important;

}

/* Links */ a, a:visited {

   color: var(--accent) !important;
   text-decoration: none !important;

} a:hover, a:focus {

   color: #99cfff !important;
   text-decoration: underline !important;

}

/* Headings */ .firstHeading, .mw-body-content h2 {

   border-bottom: 1px solid var(--border) !important;
   padding-bottom: 0.3em;
   margin-bottom: 0.6em;

}

/* Tables and infoboxes */ table, .wikitable, .infobox {

   background: #1f1f1f !important;
   color: var(--fg) !important;
   border: 1px solid var(--border) !important;

} table th, .wikitable th {

   background: #2a2a2a !important;

}

/* Code blocks */ pre, code {

   background: var(--code-bg) !important;
   color: #c0c0c0 !important;
   border-radius: 4px;
   padding: 2px 4px;

}

/* Forms */ input, textarea, select, #searchInput {

   background: #1f1f1f !important;
   color: var(--fg) !important;
   border: 1px solid var(--border) !important;
   border-radius: 4px !important;

}

/* Blockquotes */ blockquote {

   border-left: 3px solid var(--accent) !important;
   background: #181818 !important;
   padding: 0.5em 1em !important;

}

/* Scrollbar */

-webkit-scrollbar {

   width: 8px; height: 8px;
   background: var(--scrollbar-bg);

}

-webkit-scrollbar-thumb {

   background: var(--scrollbar-thumb);
   border-radius: 4px;

}

-webkit-scrollbar-thumb:hover {

   background: #777;

} </style>