#1

Screen Shot 2022-02-15 at 9.12.51 AM
Screen Shot 2022-02-15 at 9.12.51 AM1920×1508 62.6 KB

Screen Shot 2022-02-15 at 9.14.30 AM
Screen Shot 2022-02-15 at 9.14.30 AM1920×1508 143 KB

I never liked the way UI elements were crammed in the sidebar and the ribbon, and I wanted only the sidebar to be in Dark Mode.

Custom typography and colors are based on Panda, including the font - Bear Sans UI

Theme: California Coast by @mgmeyers

If anyone would like the CSS, I’ll share it.

11 Likes
#2

This looks quite nice, would love to see the CSS, especially to learn how you did the left panel menus. Thanks!

2 Likes
#3

I divided the CSS into 3 parts:

  1. Typography/Colors - Download CSS
  2. UI Changes - Download CSS
  3. Dark Sidebar - Download CSS

Not all Typography changes are in this CSS as they are done through through the Style Setting Plugin

3 Likes
#4

I’ve also added the Style Setting json file to the repository, so now you can get the exact typography and colors as well.

3 Likes
#5

If you want the beautiful Bear Sans UI font, the best way would be to download Panda and get it from the App’s content (Panda.app → Contents → Resources)

It’s their custom font, but I guess it’s ok to use it personally.

#6

Very nice design. For anyone who can’t get the Bear font, Atkinson Hyperlegible is freely available and very clean and clear. I particularly like having a slashed zero to distinguish 0 from O.

Angel

2 Likes
#7

I find Cascadia Mono better legible than Atkinson Hyperlegible. The only thing I prefer in AH is that fractions, such as ¾ are better legible. That is just my view, of course, many people agree with you on AH.

1 Like
#8

This?

Thanks for the recommendation.

Angel

#9

@Angel yes, that is what I mean. I used to hate monospace, and the 1st I used to do in an app is replace it with a variable width font. But, that/I changed gradually.

What I like about certain monospace fonts (Space Mono, B612 Mono, MonoLisa are some others) is that the letterspacing is just that bit wider, and the letter shapes are easier to read.

Heck, I even set the font to monospace in my Dark Reader extension, which thus converts web page text to monospace.

Oh well, I am just a monospace nut :rofl:

1 Like