No edit summary
No edit summary
Line 1: Line 1:
/* Light mode styles */
.header-box a.external {
.header-box a.external {
   background-image: none;
   background-image: none;
Line 85: Line 84:
   background: #ffffff;
   background: #ffffff;
   border: 1px solid #004080;
   border: 1px solid #004080;
  border-left-width: 4px;
   padding: 1.1em 1.25em;
   padding: 1.1em 1.25em;
   box-sizing: border-box;
   box-sizing: border-box;
Line 106: Line 104:
}
}


/* Forced dark mode */
@media screen {
@media screen {
   html.skin-theme-clientpref-night .header-box {
   html.skin-theme-clientpref-night .header-box {
Line 160: Line 157:
}
}


/* OS dark mode */
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
   html.skin-theme-clientpref-os .header-box {
   html.skin-theme-clientpref-os .header-box {
Line 209: Line 205:
}
}


/* Category buttons */
.cat-but-grid {
.cat-but-grid {
   display: grid;
   display: grid;
Line 223: Line 218:
   border-radius: 8px;
   border-radius: 8px;
   background: #ffffff;
   background: #ffffff;
   border: 1px solid #004080;
   border: 1px solid #d6dbe3;
  border-left-width: 4px;
   color: #004080;
   color: #004080;
   font-weight: 700;
   font-weight: 700;
Line 240: Line 234:
}
}


/* Hover */
.cat-but:hover {
.cat-but:hover {
   background: #f3f6fb;
   background: #f3f6fb;
Line 246: Line 239:
}
}


/* Dark mode */
html.skin-theme-clientpref-night .cat-but,
html.skin-theme-clientpref-night .cat-but,
html.skin-theme-clientpref-os .cat-but {
html.skin-theme-clientpref-os .cat-but {
   background: #0f1a2b;
   background: #0f1a2b;
   border-color: #004080;
   border-color: #24314a;
   color: #ffffff;
   color: #ffffff;
}
}
Line 257: Line 249:
html.skin-theme-clientpref-os .cat-but:hover {
html.skin-theme-clientpref-os .cat-but:hover {
   background: #16223a;
   background: #16223a;
   border-color: #0b5aa5;
   border-color: #3a5a9a;
}
}