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 */
.wikitable tbody tr:nth-child(odd) {
    background-color: #23272a; /* darker shade for odd rows */
}

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

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

/* Category links (bottom bar) */
#catlinks {
    background-color: #23272a; /* dark shade for the bar */
    color: #ffffff;
}

#catlinks a {
    color: #7289da; /* blue links in the category section */
}