Citizen.css: Difference between revisions
MediaWiki interface page
More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
:root.skin-theme-clientpref-night { |
:root.skin-theme-clientpref-night { |
||
--color-surface-0: #02022b; |
--color-surface-0: #02022b; |
||
--color-base: # |
--color-base: #e0e0e0; |
||
--color-base--emphasized: |
--color-base--emphasized:#66ccff ; |
||
--color-base--subtle: # |
--color-base--subtle: #999999; |
||
} |
} |
||
/* Light mode styles */ |
/* Light mode styles */ |
||
:root.skin-theme-clientpref-light { |
:root.skin-theme-clientpref-light { |
||
--color-surface-0: #ffffff; |
--color-surface-0: #ffffff; |
||
--color-base: # |
--color-base: #333333; |
||
--color-base--emphasized: # |
--color-base--emphasized: #0077cc; |
||
--color-base--subtle: # |
--color-base--subtle: #777777; |
||
} |
} |
||
| Line 60: | Line 60: | ||
.skin-theme-clientpref-night blockquote p { |
.skin-theme-clientpref-night blockquote p { |
||
color: # |
color: #bbbbbb; |
||
} |
|||
.skin-theme-clientpref-light blockquote p { |
|||
color: #555555; |
|||
} |
} |
||
.skin-theme-clientpref-night figure.mw-default-size figcaption { |
.skin-theme-clientpref-night figure.mw-default-size figcaption { |
||
color: # |
color: #cccccc; |
||
} |
|||
.skin-theme-clientpref-light figure.mw-default-size figcaption { |
|||
color: #aaaaaa; |
|||
} |
} |
||
Revision as of 11:47, 17 February 2025
/* All CSS here will be loaded for users of the Citizen skin */
/* Font import */
@font-face {
font-family: 'Afacad-Regular';
src: url('https://wiki.arcitex.net/images/fonts/Afacad-Regular.ttf') format('truetype');
}
:root {
--font-family-base: 'Afacad-Regular', sans-serif;
--font-size-base: 1rem;
}
/* Light/Dark Mode Support */
/* Dark mode styles */
:root.skin-theme-clientpref-night {
--color-surface-0: #02022b;
--color-base: #e0e0e0;
--color-base--emphasized:#66ccff ;
--color-base--subtle: #999999;
}
/* Light mode styles */
:root.skin-theme-clientpref-light {
--color-surface-0: #ffffff;
--color-base: #333333;
--color-base--emphasized: #0077cc;
--color-base--subtle: #777777;
}
* {
transition: color 0.3s;
}
/* Normal links */
a {
color: #f72a57;
transition: color 0.3s;
}
/* Visited links */
a:visited {
color: #f72a57;
}
/* Links when hovered */
a:hover {
color: #f72a57;
}
/* Active (clicked) links */
a:active {
color: #f72a57;
}
/* New page links */
a.new {
color: #6A38B3 !important;
}
.skin-theme-clientpref-night blockquote p {
color: #bbbbbb;
}
.skin-theme-clientpref-light blockquote p {
color: #555555;
}
.skin-theme-clientpref-night figure.mw-default-size figcaption {
color: #cccccc;
}
.skin-theme-clientpref-light figure.mw-default-size figcaption {
color: #aaaaaa;
}