This article covers the different out-of-the-box custom colors you can select when customizing your page, including:
Accent colors
Changing colors on your LaunchNotes page can be found in Settings > Customize Page > Look & feel tab. In this article we will be going over what every color represents on your LaunchNotes page.
Primary color
Top Banner
Page Search Icon
Month Filter
Selected Category
Feedback button (visible on Announcements)
Subscribe button (visible on the Roadmap)
Hyperlinks
The primary color represents what is outlined in red.
Secondary color
Announcements placeholder Icon (when no announcements are published)
The secondary color represents the yellow color in the placeholder icon.
Surface colors
White color
Public page Hero
Navbar
Announcement card background
The white color represents what is outlined in red.
Off-white color
Background of announcements feed back\
The off-white color represents what is outlined in red.
Light gray color
Categories container
Month line break
The light gray color represents what is outlined in red.
Gray color
Announcements placeholder Icon - secondary color (when no announcements are published)
Page numbers on the bottom of your announcement page
The gray color represents the gray part of the icon outlined in red.
Type colors
Primary text color
Primary public page and announcement text color
Categories text color
The primary text color represents text that is outlined in red.
Override color controls
If you would like to customize these colors further, please use our custom CSS section located at Settings > Customize page > Custom HTML & CSS. The color tags to aid in your customization are outlined here:
project.primary_color
project.secondary_color
project.primary_text_color
project.secondary_text_color
project.white_color
project.off_white_color
project.light_gray_color
project.gray_color
To learn more about custom CSS, please view Liquid's documentation here.
Empty state
To update the empty state image on your page to something branded for your company, navigate to Settings > Customize page > Look & feel and scroll to the bottom of the page. Upload your own .png or .jpg and that will override our default image.
