No description
Find a file
2021-02-19 15:45:15 +01:00
.gitignore feat: install node-sass, prettier and ignore some files 2021-02-19 15:45:15 +01:00
.prettierignore feat: install node-sass, prettier and ignore some files 2021-02-19 15:45:15 +01:00
.prettierrc.json feat: install node-sass, prettier and ignore some files 2021-02-19 15:45:15 +01:00
codeblocks.gif chore: update readme with new feature 2021-02-11 10:39:33 +01:00
package-lock.json feat: install node-sass, prettier and ignore some files 2021-02-19 15:45:15 +01:00
package.json feat: install node-sass, prettier and ignore some files 2021-02-19 15:45:15 +01:00
README.md chore: write the changelog 2021-02-17 15:04:40 +01:00
RibbonCollapseBars.gif chore: new gif to showcase the handle bars 2021-02-17 15:04:29 +01:00
Spectrum.css chore: run prettier 2021-02-19 10:40:13 +01:00
SpectrumNavbar.gif chore: add more images 2021-02-07 20:18:31 +01:00
SpectrumPreview.gif chore: add spectrum gif preview 2021-02-07 20:08:45 +01:00
SpectrumPreview.png feat: add static preview of theme 2021-02-19 11:10:48 +01:00
SpectrumQuery.gif chore: add more images 2021-02-07 20:18:31 +01:00
SpectrumTables.gif chore: add more images 2021-02-07 20:18:31 +01:00
tablesWidth.gif chore: add changelog with new features 2021-02-12 09:56:24 +01:00
workspaceSidebars.jpg chore: add changelog with new features 2021-02-12 09:56:24 +01:00

Spectrum

/ˈspɛktrəm/

noun

  1. a band of colours, as seen in a rainbow, produced by separation of the components of light by their different degrees of refraction according to wavelength.
  2. used to classify something in terms of its position on a scale between two extreme points.
  • "the left or the right of the political spectrum"

Introduction

Just like a Spectrum, the way you take notes can expand everywhere. And looking at it can become dull, so why not freshen it up a bit and also increase your productivity?
Spectrum ist meant to help with productivity, as well as to make the way you look at your notes more exciting. Easily distinguish between strong or emphasised text. Know the difference between internal and external links, just by a quick glance! And there is more.

Tables

The tables were styled, so that you have a better time looking at your data, instead of searching for your data. And with just a quick mouse hover, you see what row you're on.

Search Navigation

The Search Navigation Bar was fixed with this styling. Before it was possible to hide icons when shrinking the sidebar, but not anymore! Now the Icons will just wrap to the next row and still be visible to you.

Query

The Query search got the same improvement as the table. Each row has a different colour, so you can easily distinguish between them.

Scrollbar

The Scrollbar has decreased in size, so it doesn't stand as promiment as before.

Body

Line Height

The Line Height was increased, for better readability of your notes.

Preview Text

The body text for the preview was widened, so you can see more at once when reading.

Font

I recommened to use the JetBrains Mono Font, which was developed as a typeface for developers. But that is highly Optional. Your System Default monospace font will be used instead.

Folder Icons

The folders in the sidebar now have an open and closed folder icon, depending on their state!

Style Preview

Additional Notes

The Stylesheet is still under development and being improved over time. Don't hesitate to send an issue, if you have suggestions.


Changelog v0.6.0 - 2021.02.11

Codeblocks

Codeblocks have been updated, they now have a softer colour and are easier on the eyes, while writing. Also a border was added as well as what language the type of code represents at the bottom right.

Changelog v0.7.0 - 2021.02.12

Workspace Sidebars

The Workspace banners and ribbons both have now the same colour, to create lease friction. Also the icons for them have been updated as well.

Tables

The tables have gotten a small update, they are now at full width of the Note. No more different sized tables in the same note, creating a weird balance.

Changelog v0.8.0 - 2021.02.15

Paragraphs

The text colour of the text was updated to a more calmer colour, with less contrast to the background. The first line of a paragraph now has a text identation, so you can more easily identify where a paragraph starts!

Lists

The list items now are no longer so close to each other.

Mermaid

A Mermaid Chart is now displayed at the center of your note, giving you the information you need!

Embed Notes

Embed Notes are now more easily recognised with a border around them.

Changelog v0.9.0 - 2021.02.16

Highlight

Fixed the highlight colour to be a bit brighter. Fixed also, that the colour for Strong and Emphasis was not being seen correctly within a highlight. Those two now have better colours.

Blockquote

The blockquote now has a width of 1px all around it.

Text Cursor Indicator

The Text Cursor Indicator is now yellow, fitting for the theme!

Changelog v0.10.00 - 2021.02.17

Graph View

Now with coloured groups, the background of the Graph should be something where a ton of different colours can work together. That's why I made it darker.

Workspace

The Note Header now has hard corners, instead of rounded corners. And the Ribbons left and right no longer have the bright border. Everything is more seemless.

The Ribbons left and right, have been updated. Now the Collapse Button is in the center of the ribbon and takes 100% of the available room. This makes it clicking easier from every point.