search

bentd / outline-editor

outline editor component for standardnotes
0 stars 0 forks source link

StyleKit support #15

Open moughxyz opened 5 years ago

moughxyz commented 5 years ago

For use with themes, we would need to add support for StyleKit variables.

Available variables are listed here: https://github.com/sn-extensions/StyleKit/blob/master/src/main.scss

So you would need to add StyleKit as a dependency to the project, import the CSS, and anywhere where colors are explicitely defined, replace them with StyleKit variables.

For example, for editor background color, you would do background-color: var(--sn-stylekit-editor-background-color), and for text color, you would do color: var(--sn-stylekit-editor-foreground-color)

Take a look at this for reference: https://github.com/sn-extensions/simple-task-editor/blob/master/app/stylesheets/main.scss

It's important to set 

html {
  font-size: var(--sn-stylekit-base-font-size);
}

so that all further elements are sized properly.

Do you have Extended? If not, I can give you a free account so you can install themes.

bentd commented 5 years ago

At this time I don't have Extended. I think having it would make things much easier since I've been using a downloaded version of the Desktop app found on GitHub (https://github.com/standardnotes/desktop). If you could set me up with an account, it would be greatly appreciated.

bentd commented 5 years ago

I have a StandardNotes account currently. It's just that I'm not an Extended user.

bentd commented 5 years ago

@mobitar

bentd commented 5 years ago

I have tried just about everything I can think of and I can't manage to get the StyleKit variables to reflect in the editor. The editor background remains white with every change I have made. Maybe you could provide some tips on how to best close this issue?