Git Product home page Git Product logo

sn-themes's Introduction

Standard Notes themes

Repository for community contributed themes for Standard Notes.

Installing

Third-party themes can be installed by clicking on "Extensions" > "Import Extension" in your StandardNotes webapp or desktop app, pasting the install link and pressing enter.

Third-party desktop themes do not require StandardNotes extended. Most third-party themes are not compatible with the mobile app, if they are, you will still need a StandardNotes Extended account for mobile themes.

NOTE: Some themes only work in the desktop app and not in the browser app for now. I have not found why that happens yet.

Themes

Dark themes

Better Solarized Dark

This theme was forked from this repository in a quick attempt to package the official solarized dark theme as someone who has not yet bought the extended package. Only the official .css file was used in place of the original theme's .css, and the links were updated to only take resources from this github page. The .zip package necessary was created by the current .css and .json file, and includes these files only.

screenshot

Material Dark

This theme is similar to the Better Solarized Dark, but using a slightly different color theme and being based off the Atom Material UI Theme

screenshot

Gruvbox Dark Theme

Theme based on the gruvbox theme for vim

screenshot

Dracula Theme

Dracula Theme for StandardNotes

screenshot

Mojave Dark Theme

Dark theme, which roughly matches Mojave Dark Mode.

screenshot

Light themes

s4skia Theme

Light theme that focus on readability on retina displays

screenshot

lyons Theme

Light, serif theme

screenshot

Minimal

This theme is nearly the same as the default/blank theme, but widens the scroll bars. Helpful for people who want to do that, as well as anyone who wants to toy with customizing a barebones SN theme.

screenshot

Solarized light

screenshot

Developing themes

The easiest way to develop a theme is by forking an existing theme from the list above and modify it from there. The desktop and web applications use the css file, which afaik can contain any valid css, including font imports and such. The mobile app uses the json style file.

An example for a standalone theme including a mobile and desktop theme is the Material theme. The desktop theme is located inside src/main.css, the mobile theme inside src/main.json.

To publish you extension, you need to also modify the extension.json file, containing information about the extension. When using the Material theme mentioned above, you can simply replace vantezzen/sn-theme-material with [Your GitHub username]/[Your repository name] inside extension.json to make your theme work.

You can then insert the latest_url from extension.json into your StandardNotes app to install the theme.

Alternatively, you can follow the instructions at https://docs.standardnotes.org/extensions/publishing.html. There are some gotchas. Most should be clear if you see the package.zip file I use for the solarized theme. I use the package.json for both the extension metadata and the package.json that is installed with the app and tells sn which file to load.

TL;DR

Theme files like this on an https enabled web server:

/webroot/path/
             |- mytheme.json
             \- mytheme.zip

Distribute install url as https://your.server/path/to/mytheme.json.

License

Standard Notes themes
Copyright (C) 2019 user 'orestarod' and contributors

This program is free software: you can redistribute it and/or modify it
under the terms of the GNU General Public License as published by the Free
Software Foundation, either version 3 of the License, or (at your option)
any later version.

This program is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
for more details.

You should have received a copy of the GNU General Public License along
with this program.  If not, see <http://www.gnu.org/licenses/>.

sn-themes's People

Contributors

vantezzen avatar korodit avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.