- Quick Start
- Tray Mode
- Code Block
OneMark use CSS to stylish all contents and supports common markdown themes, especially from Typora. You could download, modify or write your own custom theme.
Usually all notes will be affected when applying theme in other editors. However it is hard to do that in OneNote, so it will only affect current note and future notes.
Open Theme Folder.
- Copy or move
.cssfile into the opened folder.
Icons in Blockquote
Headers in blockquote
> # comes with extra icons, for example:
You can add following rules to customize icons, with any emoji or characters. See how to customize CSS variables.
Customize CSS variables
You can customize some styles by adding a
:root zone to any theme
.css file. Just copy and modify the variables you want to set. If you want to apply a change for all themes, edit
- After modifying
.cssfiles, you need to click
Reload Themesand manually choose the theme in the list again.
- Do not paste the whole piece of code above, just the lines you mean to modify specifically, to avoid unexpected style conflicts.
- Only for themes installed by default.
- Variables may not affect globally. For example, some theme may assign special font for headings, in this case
--font-familywill not take effect.
- If you edited a
.cssfile and want to reload the theme, you need to click
Reload Themes, then choose the theme again.
- The theme list can show 10 items at most, filtered by last modified time.
- Themes on Lower version of OneNote or Windows may looks imperfect.
Supported CSS Properties
OneNote has limited support for CSS. Here’s the full introduction.
|color，background||no support for gradient or image|
|font-family||only take first value in the list|
|border||only for blockquote and code block; no control for single side, width or color|
|padding,margin||not for inline elements; only
<a>doesn’t support changing color or underline.
::before/afteris only supported for headings and inline elements, e.g.
border-radiusis not supported.