CSS modifications

nr458h · 2020-02-24T14:16:27.263Z

This is my acutall joplin-look. I only used the debugging-tool

Bildschirmfoto von 2020-02-24 15-10-121920×1080 112 KB

As you can see this is not finished, so the questions thar rised during configuration:

How to make the viewer pane also black
how to make all the litle lines in-between black (they are all div, but if I make div black, everything goes lack ^^)
how to make the little part in front of the checkbox black?
any idea how to beautify the search and the title-bar?

Thanks for your help (and when I'm finished I will provide my css file of course

Edit: I was able to show how I want it to look like with de debugging tool:

Bildschirmfoto von 2020-02-25 00-19-431920×1080 114 KB

xplosionmind · 2020-02-24T16:39:29.742Z

nr458h:

litle lines in-between black

I'm looking too for a way to make tile lines black. How did you make disappear the search border lines, instead?

It would be very nice if you could share your userstyle.css and userchrome.css files, @nr458h

nr458h · 2020-02-24T16:59:10.995Z

Share your CSS

How did you make disappear the search border lines, instead?

I used this settings for the input (search and title):

input {
	border-radius: 25px !important;
	outline: none;
	background-color: #263238 !important;
	border: none !important;
}

Share your CSS

It would be very nice if you could share your userstyle.css and userchrome.css files, @nr458h

Of course - I'm going to - but this is not very solid at the moment and not commented - so in my opinion very useless. And solving the tile lines and the task problem has also a impact on the styling.

Propaply @tessus has an idea of how to solve this problems:

nr458h:

How to make the viewer pane also black

how to make all the litle lines in-between black (they are all div, but if I make div black, everything goes lack ^^)

how to make the little part in front of the checkbox black?

any idea how to beautify the search and the title-bar?

xplosionmind · 2020-02-24T17:05:58.265Z

nr458h:

I used this settings for the input (search and title)

Thank you very much!
Another little question: How did you change the whole background color?

nr458h · 2020-02-24T17:47:45.439Z

thats why I want to provide a commented and full css.

But to answer the question: this are different div classes (div.sidebar, div.header, div.xxxx) I'm not on my computer right now. If you can wait some hours otherwise you need to look up the classes with the debugging console

@moderators: after I provided the css probably we can remove this comments?

tessus · 2020-02-24T22:09:39.551Z

nr458h:

Propaply @tessus has an idea of how to solve this problems:

I'm really bad with css. It took me a very long time just to write the few lines of css which I use now.

Share your CSS

@moderators: after I provided the css probably we can remove this comments?

Just let me know which ones I shall delete, when you are ready to get rid of the comments.

nr458h · 2020-02-24T22:25:58.822Z

Than we need to ask @laurent