<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: masisz</title>
    <description>The latest articles on DEV Community by masisz (@masisz_658cecc10f393571ec).</description>
    <link>https://dev.to/masisz_658cecc10f393571ec</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3534814%2F5275fc66-6a48-4efb-9815-7fbd9636938b.png</url>
      <title>DEV Community: masisz</title>
      <link>https://dev.to/masisz_658cecc10f393571ec</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/masisz_658cecc10f393571ec"/>
    <language>en</language>
    <item>
      <title>Wisteria – A Neovim Color Scheme Designed for Transparent Terminals</title>
      <dc:creator>masisz</dc:creator>
      <pubDate>Fri, 02 Jan 2026 04:53:26 +0000</pubDate>
      <link>https://dev.to/masisz_658cecc10f393571ec/wisteria-a-neovim-color-scheme-designed-for-transparent-terminals-1dhd</link>
      <guid>https://dev.to/masisz_658cecc10f393571ec/wisteria-a-neovim-color-scheme-designed-for-transparent-terminals-1dhd</guid>
      <description>&lt;h2&gt;
  
  
  🎨 What is Wisteria?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Wisteria&lt;/strong&gt; is a dark color scheme for Neovim, designed specifically to improve readability in &lt;strong&gt;transparent terminal environments&lt;/strong&gt;. It features a calm and balanced palette built around soft purples, blues, and greens, aiming to provide a comfortable and immersive coding experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftbc1l0dymj9l2r2cxal4.png" alt="Wisteria Image" width="800" height="537"&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  🌸 Color Concept
&lt;/h2&gt;

&lt;p&gt;Wisteria is based on the color foundation of my previous work, &lt;strong&gt;ashikaga.nvim&lt;/strong&gt;, and is inspired by traditional Japanese aesthetics.&lt;/p&gt;

&lt;p&gt;Each color is carefully tuned using HSL to maintain clarity and harmony, especially when used with transparent backgrounds.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Flower Fuji&lt;/strong&gt; – &lt;code&gt;hsl(260, 40%, 70%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
The main wisteria purple, used for keywords and core syntax&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Sky&lt;/strong&gt; – &lt;code&gt;hsl(199, 30%, 70%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
A refreshing light blue for functions and methods&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Watarase Blue&lt;/strong&gt; – &lt;code&gt;hsl(240, 50%, 60%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
A deep blue for types and classes&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Icho Green&lt;/strong&gt; – &lt;code&gt;hsl(133, 35%, 63%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
A calm green for strings&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Orihime Red&lt;/strong&gt; – &lt;code&gt;hsl(0, 40%, 55%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
A gentle red for errors and highlights&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Omugi Gold&lt;/strong&gt; – &lt;code&gt;hsl(46, 35%, 73%)&lt;/code&gt;&lt;br&gt;&lt;br&gt;
A warm gold for constants and numbers&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="/images/wisteria2.png" class="article-body-image-wrapper"&gt;&lt;img src="/images/wisteria2.png" alt="wisteria2"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ✨ Key Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Optimized for Transparent Backgrounds
&lt;/h3&gt;

&lt;p&gt;Wisteria is designed with transparent terminals in mind. Even with background transparency enabled, text contrast remains clear and readable without being harsh on the eyes.&lt;/p&gt;




&lt;h3&gt;
  
  
  2. Native Support for Popular Plugins
&lt;/h3&gt;

&lt;p&gt;Wisteria is designed for &lt;strong&gt;LazyVim&lt;/strong&gt; and provides native styling for popular plugins:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;lualine&lt;/strong&gt; – status line&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;treesitter&lt;/strong&gt; – syntax highlighting&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;neo-tree&lt;/strong&gt; – file explorer&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;snacks&lt;/strong&gt; – UI enhancements&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;markdown&lt;/strong&gt; – Markdown preview&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;gitsigns&lt;/strong&gt; – Git integration&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  3. Unified Terminal Experience
&lt;/h3&gt;

&lt;p&gt;In addition to Neovim, Wisteria includes themes for related terminal tools. Special care has been taken to ensure that &lt;strong&gt;WezTerm&lt;/strong&gt; and &lt;code&gt;wisteria.nvim&lt;/code&gt; feel cohesive when transparency is enabled.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;WezTerm&lt;/strong&gt; – terminal emulator&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Starship&lt;/strong&gt; – shell prompt&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;tmux&lt;/strong&gt; – terminal multiplexer&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🚀 Installation
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Using LazyVim
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight lua"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"LazyVim/LazyVim"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;opts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="n"&gt;colorscheme&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;"wisteria"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"masisz/wisteria.nvim"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;"wisteria"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;opts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="n"&gt;transparent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"nvim-lualine/lualine.nvim"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;opts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="n"&gt;theme&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;"wisteria"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🎨 Related Tool Configuration
&lt;/h2&gt;

&lt;h3&gt;
  
  
  WezTerm
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight lua"&gt;&lt;code&gt;&lt;span class="c1"&gt;-- ~/.config/wezterm/wezterm.lua&lt;/span&gt;
&lt;span class="kd"&gt;local&lt;/span&gt; &lt;span class="n"&gt;wisteria&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"path/to/wisteria.nvim/extras/wezterm/wisteria"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="n"&gt;colors&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;wisteria&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;colors&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="c1"&gt;-- other settings&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  Starship
&lt;/h3&gt;

&lt;p&gt;Copy the configuration file:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cp &lt;/span&gt;extras/starship/starship.toml ~/.config/starship.toml
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or merge the palette into your existing configuration:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight toml"&gt;&lt;code&gt;&lt;span class="py"&gt;palette&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"wisteria"&lt;/span&gt;

&lt;span class="c"&gt;# Import the palette from extras/starship/starship.toml&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  tmux
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Add to ~/.config/tmux/tmux.conf&lt;/span&gt;
source-file /path/to/wisteria.nvim/extras/tmux/wisteria.conf

&lt;span class="c"&gt;# Reload tmux configuration&lt;/span&gt;
tmux source-file ~/.config/tmux/tmux.conf
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🌈 Color Palette Details
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Base Colors
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;HSL&lt;/th&gt;
&lt;th&gt;Usage&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;hanabi_night&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(202, 10%, 15%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;base background&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;flower_fuji&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(260, 40%, 70%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;keywords, identifiers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;sky&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(199, 30%, 70%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;functions, methods&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;watarase_blue&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(240, 50%, 60%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;types, classes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;icho_green&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(133, 35%, 63%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;strings&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;orihime_red&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(0, 40%, 55%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;errors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;omugi_gold&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(46, 35%, 73%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;constants, numbers&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h3&gt;
  
  
  Status Colors
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;HSL&lt;/th&gt;
&lt;th&gt;Usage&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;warning_orange&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(25, 70%, 60%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;warnings&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;error_red&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(0, 70%, 60%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;errors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;info_blue&lt;/td&gt;
&lt;td&gt;&lt;code&gt;hsl(199, 50%, 60%)&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;information&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  💡 Tips
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Enable Transparency
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight lua"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"masisz/wisteria.nvim"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;opts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="n"&gt;transparent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Custom Color Overrides
&lt;/h3&gt;

&lt;p&gt;You can further tweak the colors by extending the options:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight lua"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"masisz/wisteria.nvim"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="n"&gt;opts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="n"&gt;transparent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="c1"&gt;-- add custom overrides here&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🎯 Conclusion
&lt;/h2&gt;

&lt;p&gt;Wisteria is especially recommended for developers who:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Prefer transparent terminal environments&lt;/li&gt;
&lt;li&gt;Appreciate Japanese-inspired color aesthetics&lt;/li&gt;
&lt;li&gt;Use LazyVim as their Neovim setup&lt;/li&gt;
&lt;li&gt;Want a consistent theme across their entire development environment&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔗 Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/masisz/wisteria.nvim" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.lazyvim.org" rel="noopener noreferrer"&gt;LazyVim&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;If you give Wisteria a try, I would really appreciate ⭐ stars on GitHub or ❤️ reactions on this article!&lt;/p&gt;

</description>
      <category>neovim</category>
      <category>colorsheme</category>
      <category>terminal</category>
    </item>
  </channel>
</rss>
