User:Loadzz/common.css

/* Combined Styling for Wikipedia with Dark Mode, Modern Buttons, and Neon Accents */

/* Body background */ body { background-color: #111; color: #ddd; }

/* Content area background */ background-color: #222; }
 * 1) content {

/* Links color */ a { color: #6eadd4; }

/* Hover effect for links */ a:hover { color: #8ec5e5; }

/* Heading color */ h1, h2, h3, h4, h5, h6 { color: #fff; }

/* Borders and separators */ hr, .mw-body-content, .vector-menu-content { border-color: #333; }

/* Infobox background */ .infobox { background-color: #444; }

/* Table background */ table { background-color: #333; }

/* Table borders and text color */ table, th, td { border-color: #555; color: #ddd; }

/* Search bar background */ background-color: #333; color: #ddd; }
 * 1) searchInput {

/* External links color */ .external, .external a { color: #6eadd4 !important; }

/* Citation color */ .mw-cite-backlink a { color: #8ec5e5; }

/* Footer background */ background-color: #222; color: #ddd; }
 * 1) footer {

/* Basic button styling */ button, .button, input[type="submit"], a.button, a.mw-ui-button, a.mw-ui-primary, a.external, a.button:hover, a.mw-ui-button:hover, a.mw-ui-primary:hover { background-color: #00ff00; /* Neon green background color */ color: #111; /* Dark text color */ border: none; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); /* Neon green shadow */ }

/* Hover effect for buttons and link buttons */ button:hover, .button:hover, input[type="submit"]:hover, a.button:hover, a.mw-ui-button:hover, a.mw-ui-primary:hover, a.external:hover { background-color: #00cc00; /* Slightly darker neon green on hover */ }

/* Primary action button and link button */ .mw-ui-button, .mw-ui-primary, a.mw-ui-button, a.mw-ui-primary { background-color: #00bfff; /* Neon blue background color */ color: #111; }

/* Hover effect for primary buttons and link buttons */ .mw-ui-button:hover, .mw-ui-primary:hover, a.mw-ui-button:hover, a.mw-ui-primary:hover { background-color: #0099ff; /* Slightly darker neon blue on hover */ }