More actions
m Change theme color |
Added icons to navigation |
||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--color-primary__h: 285; | --color-primary__h: 285; | ||
} | |||
/* Sidebar icons */ | |||
.citizen-drawer__menu #n-upload a:before { background-image: url(/resources/assets/nav-icons/upload.svg); } | |||
.citizen-drawer__menu #n-About a:before { background-image: url(/resources/assets/nav-icons/info-circle.svg); } | |||
.citizen-drawer__menu #n-Contribute a:before { background-image: url(/resources/assets/nav-icons/pen-to-square.svg); } | |||
/* Icon invert helper class */ | |||
.skin-invert-image img, | |||
.skin-invert { | |||
filter: var(--filter-invert); | |||
} | |||
.skin-invert .skin-invert, | |||
.skin-invert .skin-invert-image img { | |||
filter: none; | |||
} | } | ||
Revision as of 08:30, 24 December 2024
/* All CSS here will be loaded for users of the Citizen skin */
:root {
--color-primary__h: 285;
}
/* Sidebar icons */
.citizen-drawer__menu #n-upload a:before { background-image: url(/resources/assets/nav-icons/upload.svg); }
.citizen-drawer__menu #n-About a:before { background-image: url(/resources/assets/nav-icons/info-circle.svg); }
.citizen-drawer__menu #n-Contribute a:before { background-image: url(/resources/assets/nav-icons/pen-to-square.svg); }
/* Icon invert helper class */
.skin-invert-image img,
.skin-invert {
filter: var(--filter-invert);
}
.skin-invert .skin-invert,
.skin-invert .skin-invert-image img {
filter: none;
}