Template:Def/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 19: / Line 19: @@
 }
-  /* File icons rendered as images */
+/* File icons rendered as images */
-  .sv-def-icon-img img {
+.sv-def-icon-img img {
-    height: 1em;
+  height: 1em;
-    width: auto;
+  width: auto;
-    vertical-align: middle;
+  vertical-align: middle;
-  }
+}
 /* Missing file / missing record icon ("?") */
@@ Line 31: / Line 31: @@
 }
-/* Link-like but not too loud */
+/* -------------------------------------------------------------------------
+   Link color match (TemplateStyles-safe: NO var())
+   Citizen theme classes:
+   - Night links: #6aa6ff (hover: #8cbcff)
+   - Day   links: #8cbcff (hover: #b0d0ff)
+------------------------------------------------------------------------- */
+/* Default (fallback if theme classes not present) */
 .sv-def-text {
-   color: #0b63c5;
+   color: #8cbcff;
    border-bottom: 1px dotted currentColor;
    text-decoration: none;
 }
+/* Night */
+.skin-theme-clientpref-night .sv-def-text {
+  color: #6aa6ff;
+}
+/* Day */
+.skin-theme-clientpref-day .sv-def-text {
+  color: #8cbcff;
+}
+/* OS mode: respect prefers-color-scheme */
+@media (prefers-color-scheme: dark) {
+  .skin-theme-clientpref-os .sv-def-text {
+    color: #6aa6ff;
+  }
+}
+@media (prefers-color-scheme: light) {
+  .skin-theme-clientpref-os .sv-def-text {
+    color: #8cbcff;
+  }
+}
+/* Hover: solid underline + brighter link tone */
 .sv-def:hover .sv-def-text {
    border-bottom-style: solid;
+}
+/* Night hover */
+.skin-theme-clientpref-night .sv-def:hover .sv-def-text {
+  color: #8cbcff;
+}
+/* Day hover */
+.skin-theme-clientpref-day .sv-def:hover .sv-def-text {
+  color: #b0d0ff;
+}
+/* OS hover */
+@media (prefers-color-scheme: dark) {
+  .skin-theme-clientpref-os .sv-def:hover .sv-def-text {
+    color: #8cbcff;
+  }
+}
+@media (prefers-color-scheme: light) {
+  .skin-theme-clientpref-os .sv-def:hover .sv-def-text {
+    color: #b0d0ff;
+  }
 }