To customize the colors of the CMS you must first have access to the Folder: "Custom CMS" in the Git repository of your project. If the folder is not present we suggest you:
Take an example project with the Custom CMS created by git lab.
Make a git clone
Warning! if you clone an existing project, verify in all the files created that the name of your customer is present and not of the customer from which you have cloned the path.
The path to find your folder is: Project Name> Web Apps> Custom CMS
Inside this folder there must be another folder that by convention has the name of the cms, so basically it has the name of the customer.
In this folder there must be two other folders:
a custom that contains the file: variables.css
a img that contains the file to customize your CMS image.
Once you have all these files on your GIT project, you can start customizing your CMS!
To ensure that your project is successfully deployed, update or verify that the following variables have been updated
- Go to the project's gitlab-ci thread within Custom CMS.
Enter the name of the client project for each path and choose the version of the CMS you want to build
- Go to the path gilab /clients/:client-name/configuration/gitlab-cli.yaml
Check and see the version of the CMS you want to build
body-bg: general background color. It is best to put it on gray # f4f4f4
color-search: background color of the search
color-brand: background color of the sidebar
color-text-special: These are the titles of the sidebar categories, the user's text, and the navigaton bar
color-text-special-2: how the title of the properties are displayed during editing and creation
color-text-special-3: some particular variables such as: when I click on all publish or draft, the placeholders on the pages, the color of the selected row in a table, the color of the page bar that loads
color-text-negative: the color of the fields in the table
color-brand-gradient: secondary color
color-brand-gradient-3: when an item is selected in the left menu and the color of My CMS Bees on the bottom left in the sidebar
color-brand-gradient-5: keys error and warning
color-search-text: the color of the text in the search
color-button: the color of the buttons
color-brand-gradient-1: The color of the title of the pages in the side menu
color-brand-bg-notification: if you activate the notifications the background color of the badge
color-brand-text-notification: the text color inside the notifications