Mudanças entre as edições de "Widget:Gurren2"

Edição das 00h45min de 28 de abril de 2025

<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>

Mudanças entre as edições de "Widget:Gurren2"

Edição das 00h45min de 28 de abril de 2025

Menu de navegação

Pesquisa

@@ Linha 1: / Linha 1: @@
-<!-- Widget: Essential Dark Theme -->
+<!-- Widget: Dark Theme Pro for GLA Wiki -->
 <style>
 :root {
-  --content-bg: #121212;
+    --bg: #121212;
-  --content-text: #e0e0e0;
+    --fg: #e0e0e0;
-  --link-text: #66aaff;
+    --accent: #66aaff;
+    --panel-bg: rgba(24,24,24,0.9);
+    --panel-border: #333333;
+    --border: #444444;
+    --code-bg: #1e1e1e;
+    --scrollbar-bg: #2a2a2a;
+    --scrollbar-thumb: #555555;
 }
-/* Main background and text */
+/* Global */
-body, .mw-body, #content {
+html, body {
-  background-color: var(--content-bg) !important;
+    background: var(--bg) !important;
-  color: var(--content-text) !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 blur */
+/* Sidebar */
 #mw-panel {
-  background: rgba(18,18,18,0.8) !important;
+    background: var(--panel-bg) !important;
-  backdrop-filter: blur(8px) !important;
+    border-right: 1px solid var(--panel-border) !important;
+    backdrop-filter: blur(12px) !important;
 }
-/* Link color */
+/* 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(--link-text) !important;
+    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;
 }
-a:hover {
+/* Forms */
-  opacity: 0.8;
+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>