Standard Notes



Themes allow you to customize the look and feel of the Standard Notes app on all platforms.

You can view the source code of our official themes in order to best understand how to create your own theme.

For how to install a theme, please see Publishing. Clean up storage on my phone.

  • FileSend is a free, secure file sharing service that encrypts files with client-side AES-256 encryption and does not log IP addresses. Files are permanently deleted from our servers on download or after specified duration.
  • Standard Notes is a safe place for your notes, thoughts, and life's work. A free, open-source, and completely encrypted notes app.

Standard Notes 3.6 Update. We’re excited to launch version 3.6 of our applications on every platform. This release focuses on simplifying access control measures, as well as giving you the power to review and revoke other devices signed into your account. You can read more about it here: https://blog.standardnotes.org/standard-notes-3-6-update/.

Creating a theme#

Themes are simple CSS files which override a few variables to style the look of the application. CSS themes will automatically work on mobile. Your CSS file should contain content similar to the below.

Note that font and font sizes do not apply to mobile; only desktop/web.

--sn-stylekit-base-font-size:14px;
--sn-stylekit-font-size-p:1rem;
--sn-stylekit-font-size-h5:0.9rem;
--sn-stylekit-font-size-h3:1.1rem;
--sn-stylekit-font-size-h1:1.3rem;
--sn-stylekit-neutral-color:#989898;
--sn-stylekit-info-contrast-color: white;
--sn-stylekit-success-color:#2b9612;
--sn-stylekit-warning-contrast-color: white;
--sn-stylekit-danger-color:#f80324;
--sn-stylekit-background-color: white;

Residential 2017 Green Building Standard Notes

--sn-stylekit-foreground-color: black;
--sn-stylekit-contrast-background-color:#f6f6f6;
--sn-stylekit-contrast-border-color:#e3e3e3;
--sn-stylekit-secondary-background-color:#f6f6f6;
--sn-stylekit-secondary-border-color:#e3e3e3;
--sn-stylekit-secondary-contrast-background-color:#e3e3e3;
Notes
--sn-stylekit-secondary-contrast-foreground-color:#2e2e2e;
--sn-styleki--secondary-contrast-border-color:#a2a2a2;
--sn-stylekit-editor-background-color:var(--sn-stylekit-background-color);
--sn-stylekit-editor-foreground-color:var(--sn-stylekit-foreground-color);
--sn-stylekit-paragraph-text-color:#454545;
--sn-stylekit-input-placeholder-color:rgb(168,168,168);
--sn-stylekit-scrollbar-track-border-color:#e7e7e7;
--sn-stylekit-general-border-radius:2px;

Standard Notes Web

Standard Notes
--sn-stylekit-monospace-font:'Ubuntu Mono', courier, monospace;
--sn-stylekit-sans-serif-font: -apple-system, BlinkMacSystemFont,'Segoe UI',
'Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans',
}

In order to get SN to display a dock icon for your theme (a circle in the lower right corner of the app that allows you to quickly toggle themes), add the following payload into the your ext.json file when publishing your theme:

'type':'circle',
'foreground_color':'#ffffff',
}
Notes

Reloading Mobile Themes#

Apple mac el capitan download. The mobile app will download a theme once and cache it indefinitely. If you're installing your own mobile theme and make changes, you can press and hold on the theme name in the list to bring up the option to re-download the theme from the server.

Licensing#

Notes

Our themes are provided open-source mainly for educational and quality purposes. You're free to install them on your own servers, but please consider subscribing to Standard Notes Extended to help sustain future development of the Standard Notes ecosystem.

Welcome to the Standard Notes Documentation#

This documentation explains how to get started with using Standard Notes, publishing a blog with Listed, self-hosting a Standard Notes syncing server, developing an extension to work with Standard Notes, and developing a client application for Standard Notes (e.g., a command line application).

Topics#

Standard Notes Review

Staying informed#

Standard Notes Review

Something missing?#

Standard Notes Vs Simplenote

If you find issues with the documentation or have suggestions on how to improve the documentation or the project in general, please file an issue on the forum or send a tweet mentioning @standardnotes.