{"repo":"SocialGouv/keycloak-dsfr","free":true,"listed":false,"github":"https://github.com/SocialGouv/keycloak-dsfr","clone":"git clone https://github.com/SocialGouv/keycloak-dsfr.git","description":"Standalone keycloak theme using Système de Design de l'État (french government design system)","language":"TypeScript","stars":10,"topics":["dsfr","keycloak","keycloak-theme","keycloakify","template"],"license":"MIT","category":"ui-components","readme_excerpt":"keycloak-dsfr :warning: UPDATE: A more recent KeyCloak-DSFR is provided by the SILL. You can download it here: https://github.com/codegouvfr/keycloak-theme-dsfr --- --- --- This template has been made thanks to keycloakify. It follows the french design system Système de Design de l'État. You can find guideline here. :warning: Before digging into the code, please read keycloakify documentation. Download the theme The theme is generated from the CI build. You can find the latest version here. Otherwise, you can download the theme manually from the repository. Run the code locally Firstly, you have to clone the repository. Secondly, you have to install dependencies. Then, inside src/kcContext.ts , you will find that file. You just have to uncomment mockPageId , now you can run the code locally : Add a new page to the theme If you want to override the default theme, you have to override src/KcApp.tsx , by adding your components in the switch statement. To build and generate the theme, you need to run : You will find the build in the ./build keycloak/target folder. You also will find different way to test it in the output of the command. Don't forget to comment mockPageId in src/kcContext.ts if you build the project. Add the theme to your keycloak instance You just have to had it to your manifest file.","default_branch":null,"files":null,"tree":[],"storefront":"/r/SocialGouv","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SocialGouv/keycloak-dsfr/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}