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 */
- content,
.mw-body, .mw-body-content { background: var(--bg) !important; color: var(--fg) !important; border: none !important; box-shadow: none !important; }
/* Sidebar */
- mw-panel {
background: var(--panel-bg) !important; border-right: 1px solid var(--panel-border) !important; backdrop-filter: blur(12px) !important; }
/* Header and navigation */
- mw-head,
- mw-head-base {
background: var(--panel-bg) !important; border-bottom: 1px solid var(--panel-border) !important; backdrop-filter: blur(10px) !important; }
- p-navigation,
- p-cactions,
- p-search,
- p-personal {
background: var(--panel-bg) !important; border: 1px solid var(--panel-border) !important; }
/* Footer */
- 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>