MediaWiki:Common.css: Difference between revisions
From Noe's Woes
Noelle Jade (talk | contribs) (Blanked the page) Tags: Blanking Manual revert |
Noelle Jade (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* Dark mode styles for the page when the 'dark-mode' class is applied */ |
|||
body.dark-mode { |
|||
background-color: #2f3136; |
|||
color: #e0e0e0; |
|||
} |
|||
body.dark-mode a { |
|||
color: #7289da; /* Links in dark mode (Discord-like blue) */ |
|||
} |
|||
body.dark-mode a:hover { |
|||
color: #99aab5; /* Hover color for links */ |
|||
} |
|||
body.dark-mode #content { |
|||
background-color: #2f3136; |
|||
color: #e0e0e0; |
|||
} |
|||
body.dark-mode #p-navigation { |
|||
background-color: #202225; |
|||
color: #e0e0e0; |
|||
} |
|||
body.dark-mode #footer { |
|||
background-color: #202225; |
|||
color: #e0e0e0; |
|||
} |
|||
/* Button styling in dark mode */ |
|||
body.dark-mode button, |
|||
body.dark-mode input[type="button"], |
|||
body.dark-mode input[type="submit"] { |
|||
background-color: #4e5156; |
|||
color: #ffffff; |
|||
} |
|||
body.dark-mode button:hover, |
|||
body.dark-mode input[type="button"]:hover, |
|||
body.dark-mode input[type="submit"]:hover { |
|||
background-color: #7289da; /* Blue hover effect */ |
|||
} |
|||
Revision as of 12:45, 23 March 2025
/* Dark mode styles for the page when the 'dark-mode' class is applied */
body.dark-mode {
background-color: #2f3136;
color: #e0e0e0;
}
body.dark-mode a {
color: #7289da; /* Links in dark mode (Discord-like blue) */
}
body.dark-mode a:hover {
color: #99aab5; /* Hover color for links */
}
body.dark-mode #content {
background-color: #2f3136;
color: #e0e0e0;
}
body.dark-mode #p-navigation {
background-color: #202225;
color: #e0e0e0;
}
body.dark-mode #footer {
background-color: #202225;
color: #e0e0e0;
}
/* Button styling in dark mode */
body.dark-mode button,
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"] {
background-color: #4e5156;
color: #ffffff;
}
body.dark-mode button:hover,
body.dark-mode input[type="button"]:hover,
body.dark-mode input[type="submit"]:hover {
background-color: #7289da; /* Blue hover effect */
}