Theme: Spectrum > Spectrum Companion Plugin in the making!

:purple_heart: :+1: :grin:

  • Wikipedia
  • Reddit
  • Patreon

Those are the ones coming to my mind right now :blush: … if possible, of course :blush: !

1 Like

Awesome!

(Maybe add little (1? 2?px) margin-right for the icons, they are too close to link (try with title not URL) :wink: )

:+1:

I have added some more, how is this spacing to you? I feel that feels natural.

image

3 Likes

The spacing is now perfect compared to your first sneak peek :eyes: :grin: !

2 Likes

Spacing looks really nice now and boy what a beautiful addition. Spectrum and ITS are my fav themes. I delved into css editing only coz of spectrum theme and its easy structure to understand it. I like the spacing improvements in the documentation as well. I did think they were too spaced out between two lines. I like how ITS has spacings for its text.

2 Likes

Version 0.16.5

Minor Update

  • tables now have a min-width
  • styling for orderered lists added

Bug fixes

  • link indicator was hanging too low
  • codeblock language indicator has been removed for now, it was causing issues

I have not been very active latetly, but here are some bug fixes! :bug:

1 Like

Version 0.17.0

Bug Fixes

  • Stackoverflow Icons had the wrong viewBox

Updates

  • Added dev.to, MDN Docs and ReactJS Docs as link signifiers
  • Inline Math functions are blue

Upcoming (for now…)

  • Math Function Blocks to be styled

Do you wish to see more?

Please let me know what you would like to see in this theme, so I can expand it more!

Funding

I have also set up a Ko-Fi, if anyone is interested in tipping me.
ko-fi

1 Like

Hi, cool theme i’m currently using now! Usually I mixed using tasks and lists. But In preview mode, the space between lines will not be the same.See picture below. How can I adjust them? image

Hi!
The initial idea for this was to indicate that something belongs to the parent, but I can see that it might be something that is more irritating than helpful. I’ll put it on the list as an update.

Hi,

I’m enjoying your theme a lot. It’s my favorite … by far.

The font on it “JetBrains” is also good.

However, I have a question about how to disable ligatures inside code blocks only (otherwise I wanna be able to use them, and I do, extensively).

I’m in the 6. Codeblocks section of your .css, but I’m not sure in which of the blocks to add the NL/SL version (non-ligature / sans-ligature) of JetBrains.

These are the changes I tried, but without success:

--- Spectrum.css        2021-08-30 23:54:27.129944747 +0200
+++ Spectrum.css.custom-Paxsali 2021-08-30 23:53:06.211659842 +0200
@@ -790,6 +790,7 @@
 .cm-s-obsidian pre.HyperMD-codeblock,
 .cm-s-obsidian span.cm-inline-code {
   color: #928b78;
+  font: 'JetBrains Mono SL', monospace;
 }
 
 .markdown-preview-view code {

Is there a chance you can help me out here?

i will take a look at it and report back.

i was faster than I expected. If you want to remove ligatures, do the following

.markdown-preview-view pre code,
.cm-s-obsidian pre.HyperMD-codeblock, .cm-s-obsidian span.cm-inline-code {
  font-variant-ligatures: none;
}

it will look like this:


image

1 Like

Which Highlight colour do most of you prefer?

image

Which Highlight colour looks better?
  • Pink (Top, current highlight)
  • Orange (Bottom)

0 voters

Please vote, and the winner will be the next Highlighter Colour. :slight_smile:

Sneak Peak. :eyes:

3 Likes

Thank you for that. That helps me a lot.

1 Like

This is a great theme! I can’t seem to get it to work with the “style settings” plugin - is that on purpose? If so, that’s fine of course, I just wanted to change a couple of colours for the light theme (not a fan of anything pink or purple but love grey and burgundy red… :upside_down_face: ).

1 Like

some colours are going to be changed in a future release, the Purple will be gone, for example.

I haven’t heard of that plugin, so for whatever reason why it isn’t working, it was not done by purpose. I can look at the plugin and see what it does to change things.


So on the first glance it looks like a Settings Comment needs to be written, so that the plugin can read and access it. Which can be a snippet or within the theme itself, I’d have to write it or someone else would make a PR for it.

Thanks for the answer and investigating. I know nothing about CSS which is why I appreciate other people’s themes, so I unfortunately can’t be off help. Is the CSS snippet one that could be copied from another theme that already has it? Or would it be theme specific?

I believe it must be theme specific, I’d have to study the plugin more to understand it properly.
In the mean time, if you want to change some colour, if you check my CSS file you can see variables, like --main-node: you can copy that into a snippet and change the colour there.

1 Like

So, this might be a bit of a weird request for some, but…
As you might know I am working towards Version 1.0.0, so the features I am working on are being tested and not public, which means I need people that could test it for me. If anyone wants to be part of the “beta programm”, just reply here or shoot me a message and I will arrange it.
Your responsibility would be to provide feedback to the new features I implemented as well as suggestion features, if you have any.

Would love to beta test. :raising_hand_man:t2:

1 Like