Outlinely custom theme how to#

Free download on the App Store Subscribe to Outlinely Newsletter We won’t spam. Outlinely is a elegant app for composing and organizing outlines. Currently, I am only exporting the theme file and importing it into the main codebase. Outlines are a powerful way to organize your ideas and thoughts, and keep them easy to understand and remember. You will get to see the sample page render in real-time, showing you what the page will look like with new colors.

Outlinely custom theme how to#

I am unsure how to export and import this correctly into the main codebase. Step 1: Create a custom theme using the Theme Generator Tool Navigate to this URL to generate your new theme You can use the Color section to choose your custom colors that match your brand. This should only be included once in your application. This includes all common styles that are used by multiple components. Except property name, all properties are optional. When you are done, go to File > Import Custom Theme to import your theme. Download the theme-template.xml and modify the color values as you like. A custom theme file does two things: Imports the mat-core () Sass mixin. A theme for Outlinely is defined in XML format. I believe the issue is I'm not exporting the theme's custom module. When you want more customization than a pre-built theme offers, you can create your own theme file. The theme lives in the UI library, and for elements that live there, I can use the custom colors in makeStyles, but when I try to use the exported theme in the main codebase, the custom colors throw errors in makeStyles. The UI library has a custom theme where I added to the palette object with custom company colors.

I am creating a custom UI library for work that uses Material-UI.