MediaWiki:Citizen.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
Opera：按 Ctrl-F5。

/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* General Navbox Styles */
.navbox {
  border: 1px solid var(--mw-border-color);
  background-color: var(--mw-body-background-color);
  color: var(--mw-text-color);
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
  font-size: 0.9em;
}

.navbox-title {
  font-weight: bold;
  background-color: var(--mw-header-background-color);
  color: var(--mw-header-color);
  padding: 5px 10px;
  border-bottom: 1px solid var(--mw-border-color);
}

.navbox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbox-list li {
  margin: 5px 0;
}

.navbox a {
  color: var(--mw-link-color);
  text-decoration: none;
}

.navbox a:hover {
  text-decoration: underline;
}

/* Dark Mode Overrides */
@media (prefers-color-scheme: dark) {
  .navbox {
    background-color: #222; /* Dark background */
    color: #ddd; /* Light text */
    border-color: #444; /* Subtle border */
  }

  .navbox-title {
    background-color: #333; /* Darker header */
    color: #fff; /* White text for header */
  }

  .navbox a {
    color: #1e90ff; /* Bright blue links */
  }

  .navbox a:hover {
    color: #63b8ff; /* Lighter blue on hover */
  }
}