Alabaster Dark for Zed v1.0.0 released after 5 month development

alabaster dark on zed v1.0.0
Alabaster Dark on Zed v1.0.0

After releasing v0.0.5, I found a bug on the minimap feature. Maasyaa' Allah, this is a feature I never use on any editor 😅. I don't see the benefit of having a minimap on the screen except to see how long this code is 😄.

I also think that the movement on the minimap that follows the current view area on the main content is distracting. I assume that when the minimap feature is activated, it drains some of my computer resource. Especially knowing that Zed is relying heavily on the GPU.

Although maybe it's not significant, I don't like wasting resources for the feature I don't use 😅.

Resolved the minimap issue

So, the bug on minimap feature I'm talking about is the selection area on minimap is defaulting to white color with almost no transparency. In many editors, minimap area usually have between 5-15% opacity so the code lines below it still visible enough to give a glance of how the code looks like.

Here's the minimap on previous version looks like:

minimap bug on v0.0.5
Minimap bug on v0.0.5

Now, here's how it looks after fixed on v1.0.0:

minimap fixed on v1.0.0
Minimap fixed on v1.0.0

Along with the minimap issue being resolved, the secondary panel below the tab bar is now using the same color with active tab bar and content background. This gives the secondary panel a natural and consistent element coloring for easier navigation.

Brighter background color for modal pop up

One of the improvement areas in this release is to make the modal pop up content more distinguished from main content by using brighter background color. On the previous versions, the modal pop up is using same color with content color. This makes switching context from main code with documentation a little bit hard.

dark modal pop up background on previous versions
Dark modal pop up background on previous versions

Now, with brighter background color, it should help distinguishing the modal pop up from main content while preserving good readability and more seamless context switching.

bright modal pop up background on v1.0.0
Bright modal pop up background on v1.0.0

Other changes

There are other bug fixes and other improvements in this release and you can check them out on the project's release page for this version on GitHub.

If you find a bug or want to suggest an improvement, feel free to open an issue on Alabaster Dark for Zed repository.

Install Alabaster Dark

You can install Alabaster Dark from Extensions panel by using shortcut ctrl + shift + x on Linux and Windows or using cmd + shift + x on macOS. Look for Alabaster Dark and hit install button. Then, select Alabaster Dark on theme selection modal pop up.

If nothing happened after installing the theme, you can always use the Command Pallete by pressing ctrl + shift + p on Linux and Windows or cmd + shift + p on macOS and search for theme selector: toggle.

The other way to switch theme is by using this keyboard shortcut ctrl + k ctrl + t on Linux and Windows or cmd + k cmd + t on macOS. First, you press the ctrl + k and then press t while holding ctrl key.

P.S. If you're wondering what my Zed settings looks like, I shared my settings on GitLab snippets.

Have you tried Alabaster Dark? Or, you want to try it? Share your comment in the social media post below.

LinkedIn - Instagram

Assalaamu 'alaikum 👋

Saya Findra. Selamat datang di blog saya. Di sini, saya berbagi panduan seputar Debian, pengembangan aplikasi web, serta berbagi catatan pribadi.

Saya berharap blog ini bisa jadi sumber daya yang bermanfaat dan menumbuhkan semangat belajar kita bersama, terutama dalam ekosistem Linux dan teknologi web.

Semoga bermanfaat!