User:Lordanubarak/vector.css

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Background color similar to GPT/Youtube/Discord dark mode */
body, .mw-body, #content {
    background-color: #2c2f33; /* dark gray shade */
    color: #ffffff; /* white text */
}

/* Links */
a {
    color: #7289da; /* Discord link color */
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff; /* white for headers */
}

/* Tables - alternating row colors */
table tr:nth-child(odd) {
    background-color: #23272a; /* darker shade for odd rows */
}

table tr:nth-child(even) {
    background-color: #2c2f33; /* slightly lighter shade for even rows */
}

table {
    color: #ffffff;
    border-color: #7289da; /* blue border to match links */
}

/* Input fields, buttons, and other interactive elements */
input, select, textarea, button {
    background-color: #23272a; /* dark background for input elements */
    color: #ffffff;
    border: 1px solid #7289da; /* subtle blue border */
}

/* Sidebar */
#mw-panel, #p-logo {
    background-color: #23272a;
    color: #ffffff;
}

/* Footer */
#footer {
    background-color