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)
In the above examples, the primary color represents what is outlined in red.
Secondary color
Announcements placeholder Icon (when no announcements are published)
In the above example, secondary color represents the color in the placeholder icon.
Surface colors
White color
Public page Hero
Navbar
Announcement card background
In the above example, the white color represents what is outlined in red.
Off-white color
Background of announcements feed back\
In the above example, the off-white color represents what is outlined in red.
Light gray color
Categories container
Month line break
In the above example, the light gray color represents what is outlined in red.
Gray color
Announcements placeholder Icon - secondary color (when no announcements are published)
In the above example, the gray color represents the part of the icon that is outlined in red.
Type colors
Primary text color
Primary public page and announcement text color
Categories text color
In the above example, 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.