Theme: Spectrum > Spectrum Companion Plugin in the making!

Share & showcase
42

Changelog 0.15.5

LIGHT THEME :partying_face::partying_face::partying_face:

Light Theme now exists for Spectrum. It might still need some polishing here and there, but overall it is usable!

2 Likes
43

How can I change the width of the matrix style? For example, I use the tiny pane to keep the matrix note open. However, the matrix is distorted in a small pane like this:

image
image894×1158 48.2 KB

44

That is default obsidian behaviour, that if the note reaches a specific width, the note becomes scrollable and won’t scale down.

I just tried it myself, and if you just click away it will pane over (Which is also the default Sliding Pane behaviour). But you could try this:

lmao
lmao1499×880 1.01 MB

45

Thank you for the reply! But the problem happened when I pinned the note on the right side pane. But I jus solved it, by removing some parts in the css related to .markdown-preview-view.is-readable-line-width .markdown-preview-sizer.

1 Like
46

New fav theme! Replaced JetBrains font with iA Writer though :slight_smile: as well as a few changes to line-height and font-size if anyone wants to try

.cm-s-obsidian,
body {
  line-height: 1.9rem;
  font-size: 1.1rem;
}

.markdown-preview-view {
	line-height: 1.9rem;		
	font-size: 1.1rem;
}
2 Likes
47

Just wanted to give a notice.
I just recently got a job offer (hooray), which means I won’t have as much time anymore to get to the issues as quickly as before. I am still developing Spectrum of course! I want to make the theme something a lot of people will enjoy.

6 Likes
48

Congratulations! :smiley:

1 Like
49

Hey ! Do you think it’s possible to release your kanban, matrix, without the theme color ? Like stand alone ?
it will be so usefull ;_;

50

You may try copying content of files that interest you from github repo

into online compiler
https://www.cssportal.com/scss-to-css/

You may save the output as custom css snipet into obsidian
I will not guarantee that this will work

1 Like
51

This theme is amazing and installing the JetBrains font makes the world of difference

Thank you for the time you spent crafting this

I hope you continue making improvements long into the future

1 Like
52

Just realized that the new “show backlinks in document” feature doesn’t work with Spectrum… :thinking:

53

I wasn’t able to fix any stuff for the new updates recently, because I got really busy with my new job, which is development. So after doing a lot of development, I don’t feel like doing even more development.

I did see the new updates, though, and made a mental note on what to fix/add. Here are two things I thought of:

  • Font Size needs to be turned into rem/em
  • Specific URLs will get a signifier in front of them, for example. YouTube will have the youtube logo in front of it (or a red dot, not sure which one) Alongside this I would also release a snippet to get rid of it if people don’t like it.

–

@Mara-Li As @echej already pointed out, you can copy the SCSS into a compiler, but you can also check the CSS File and search for “Kanban” and “Matrix” since I have commented on the parts. :slight_smile:

A LOT of people have asked for a snippet version of my Kanban. I will probably get around to doing this eventually.

–

So if anyone has any more ideas to improve the theme or finds issues, feel free to submit an Issue on GitHub, or just comment here. :blush:

1 Like
54

Hi!
First question: Is it possible to hide yaml from view mode?
Second: Is it possible to disable auto scale for mermaid? Big diagrams it too small when two notes are opened. I need to maximize note every time too see text on it
image
image1366×768 67.5 KB

vs
image
image1366×768 57 KB

p.s. Theme is amazing. Only recently discovered it but already fell in love with it:D

55
  1. Hiding YAML Frontmatter is an obsidian setting, try checking them out. There should be a toggle on it. Unless you mean the Metadata that you can open and close?
  2. It is possible, but then you would need to scroll left and right. Are you comfortable with CSS? Then you can create a CSS Snippet for it. I will write that down and add that as a feature as well.
56
  1. I didn’t find anything in the settings. I meant this part
    image
  2. Year, scrolling is just what I need. CSS snippet will be quite enough. It would be great if you would write it.
57

Go to your Obsidian Settings → Editor → Show Frontmatter → And toggle it off.

Here is a screenshot (in German)

image
image1589×462 49.9 KB

1 Like
58

Oh, thank you, it looks like I’m blind :grinning:

1 Like
59

Version 0.16.0

  • I have added a link signifier in front of specific links, at the moment only for YouTube, as a starting phase and to see how people are liking it

    image
    image825×218 6.8 KB

  • You can now add mermaid-scroll as a class to the note. A mermaid Graph will not be smaller than 750px and a scrollbar will appear for you two scroll left and right. (Check ReadMe)

---
cssclass: [mermaid-scroll]
---

If you want to have the min-width be bigger, you can use this snippet:

.mermaid-scroll .mermaid {
  min-width: 750px; /* Your custom size */ 
}

cc: @DannyDenica

I have also realised Spectrum is already using rem for font-size. :slight_smile:

5 Likes
60

Great solution, exactly what I need! Thank you very much!
Link for youtube looks nice. I like it

2 Likes
61

Sneak Peak. :eyes:
image

What more websites should I add?

2 Likes