Skip to content

Menu/link background color customization #159

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yadvr merged 1 commit into from
Sep 23, 2020
Merged

Menu/link background color customization #159

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions source/installguide/primate.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,8 +166,13 @@ Customization of themes is also possible, such as, modifying banner width, gener
.. parsed-literal::

"theme": {
"@logo-background-color": "#ffffff",
"@navigation-background-color": "#ffffff",
"@navigation-text-color": "rgba(0, 0, 0, 0.65)",
"@primary-color": "#1890ff",
"@link-color": "#1890ff",
"@link-hover-color": "#40a9ff",
"@loading-color": "#1890ff",
"@processing-color": "#1890ff",
"@success-color": "#52c41a",
"@warning-color": "#faad14",
Expand All @@ -190,7 +195,13 @@ Customization of themes is also possible, such as, modifying banner width, gener

where,

- @logo-background-color changes the logo background color.
- @navigation-background-color changes the navigation menu background color.
- @navigation-text-color changes the navigation text color.
- @primary-color: changes the major background color of the page (background button, icon hover, etc).
- @link-color changes the link color.
- @link-hover-color changes the link hover color.
- @loading-color changes the message loading color and page loading bar at the top page.
- @success-color: changes success state color.
- @processing-color: changes processing state color. Exp: progress status.
- @warning-color: changes warning state color.
Expand Down