Skip to content

openlibhums/customstyling

Folders and files

NameName
Last commit message
Last commit date

Latest commit

fe42380 · Oct 8, 2024

History

26 Commits
Sep 26, 2024
Dec 8, 2023
Sep 1, 2021
Sep 1, 2021
Oct 8, 2021
Sep 1, 2021
Dec 8, 2023
Dec 8, 2023
Oct 18, 2021
Oct 8, 2024
Oct 8, 2024
Dec 8, 2023
Dec 8, 2023
Sep 16, 2021

Repository files navigation

Customstyling

A Janeway plugin that allows a staff member to add custom CSS directives to a journal or press site, giving the user control over the styling of each site.

Installation Instructions

  1. Clone this repository into the Janeway plugins folder (path/to/janeway/src/plugins/)
  2. Run the plugin installation command: python3 src/manage.py install_plugins customstyling.
  3. Restart your webserver

CSS Variables

If your journal or press uses the OLH theme, you can quickly update the color palette of your journal with the following CSS template. Replace the color code used for each variable to match your desired output:

:root {
--primary-dark-color: #22175b; /* Primary colour used by elements such as buttons */
--very-dark-primary-color: #22175b;  /* Darker primary colour used for contrast or hover effects */
--primary-light-color: #fff; /* lighter colour or secondary colour */
--topbar-background-color: #FFF; /* background colour for the top bar of the navigation */
--menu-background-color: #FFFFFF; /* background colour for the menu bar of the navigation */
--menu-alternative-background-color: #FFFFFF; /* Alternative background colour for the menu bar, used by some buttons */
--menu-foreground-color: #000000; /* font colour used in the menu bar */
--link-color: #2199e8;
--toc-link-color: #22175b; /* Colour used by text on TOC sidebar elements */
--figure-caption-background-color: #003DAC; 
--figure-caption-color: #FFFFFF;
}

These variables do not work on the Material or Clean themes yet, though we have plans to add theses or similar variables for those themes.