Skip to main content

Styling GeoGirafe

You can style your GeoGirafe apps by overridden global CSS variables.

Update front/index.html and add the link to the custom.css file in the <head> section with:

/front/index.html
    ...
    <link rel="config-mobile-url" href="config.mobile.json" />
    <link rel="stylesheet" href="custom.css" />

You can find all variables that can be overridden in the list here : https://gitlab.com/geogirafe/gg-viewer/-/blob/main/src/styles/variables.css

Replace the variables in front/custom.css with your variables. For exemple, here the default background color is configured to grey instead of white :

/front/custom.css
    body {
      --bkg-color: #ddd;
    }

Below is a list of CSS variables that can be modified according to your colours, depending on whether you are using the dark or light theme.

Aucune variable détectée.