Since at work we are using Meteor.js for back-end development, it was next to impossible for us not to try to customize Telescope Nova, which is one of the most popular among Meteor apps.
In this quick tip, you will learn how to create your own custom theme for Telescope Nova. But first, a few words on how to get your development environment set up.
Installing Node.js , NPM and Meteor.js
Before you can install Nova, you need to have Node.js, NPM and Meteor.js already installed. If you haven’t, proceed with the following installation steps:
- Install Node.js and NPM . If you are using Windows and struggle with installation, How to Install Node.js and NPM on Windows by Dave McFarland should be helpful
- Install Meteor.js.
Installing Telescope Nova
Now let’s install Nova on your localhost. On the command line, type:
git clone https://github.com/TelescopeJS/Telescope.git
Then you should be able to see the app running on
For more info about installing Nova, go to their GitHub instructions.
Creating Your Theme Package
Once your app is up and running, you can start to customize its default look by following the steps outlined below:
- Go inside your
Telescope>packagesfolder. There you will find the folder
- Copy/Paste the
my-custom-packagefolder and rename the copy, for
custom-theme. Now you have created your own package
- Inside your
custom-themepackage, find the file
it in your editor. Replace this piece of code –
name: “my-custom-package”— to match your package name. So in this case it will be
- In the terminal, navigate to your
Telescopefolder and type:
meteor add custom-themeto apply your new package to the app
- Then start the app using the command:
- Finally, go to
http://localhost:3000where you should see this new look with
star-shaped emojis around the logo.
Continue reading %Quick Tip: How to Build Your Custom Theme for Telescope Nova%