• Stars
    star
    595
  • Rank 74,995 (Top 2 %)
  • Language
    Lua
  • License
    Apache License 2.0
  • Created about 1 year ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🏯 A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins.

🏯 Solarized Osaka

One of the Solarized-inspired dark theme for Neovim written in Lua.

solarized-osaka_screenshot01

🎨 More Colors

Ethan Schoonover originally created the Solarized color scheme in 2011, featuring a set of 16 colors. However, this assortment of colors falls short in providing adequate variations for additional signs, alerts, tooltips, and various other UI components made available by recent Neovim plugins. Furthermore, the text colors in the original theme are somewhat too dark when displayed on modern, vibrant monitors.

Solarized Osaka improves upon this by introducing additional colors, enriching the overall theme to ensure compatibility with newer plugins and enhancing visibility on contemporary monitors. The theme brightens the base colors slightly, creating a visually appealing and functional color palette.

Here is what the improved color palette looks like:

Color Palette

A Figma design is available here.

✨ Features

  • Supports the latest Neovim 0.9.0 features.
  • Enhances terminal colors.
  • Introduces a darker background option for sidebar-like windows.
  • Supports all major plugins.

⚑️ Requirements

πŸ“¦ Installation

Install the theme with your preferred package manager, such as folke/lazy.nvim:

{
  "craftzdog/solarized-osaka.nvim",
  lazy = false,
  priority = 1000,
  opts = {},
}

πŸš€ Usage

Vim Script

colorscheme solarized-osaka

Lua

vim.cmd[[colorscheme solarized-osaka]]

βš™οΈ Configuration

❗️ Set the configuration BEFORE loading the color scheme with colorscheme solarized-osaka.

Solarized Osaka uses the default options, unless setup is explicitly called.

require("solarized-osaka").setup({
  -- your configuration comes here
  -- or leave it empty to use the default settings
  transparent = true, -- Enable this to disable setting the background color
  terminal_colors = true, -- Configure the colors used when opening a `:terminal` in [Neovim](https://github.com/neovim/neovim)
  styles = {
    -- Style to be applied to different syntax groups
    -- Value is any valid attr-list value for `:help nvim_set_hl`
    comments = { italic = true },
    keywords = { italic = true },
    functions = {},
    variables = {},
    -- Background styles. Can be "dark", "transparent" or "normal"
    sidebars = "dark", -- style for sidebars, see below
    floats = "dark", -- style for floating windows
  },
  sidebars = { "qf", "help" }, -- Set a darker background on sidebar-like windows. For example: `["qf", "vista_kind", "terminal", "packer"]`
  day_brightness = 0.3, -- Adjusts the brightness of the colors of the **Day** style. Number between 0 and 1, from dull to vibrant colors
  hide_inactive_statusline = false, -- Enabling this option, will hide inactive statuslines and replace them with a thin border instead. Should work with the standard **StatusLine** and **LuaLine**.
  dim_inactive = false, -- dims inactive windows
  lualine_bold = false, -- When `true`, section headers in the lualine theme will be bold

  --- You can override specific color groups to use other groups or a hex color
  --- function will be called with a ColorScheme table
  ---@param colors ColorScheme
  on_colors = function(colors) end,

  --- You can override specific highlights to use other groups or a hex color
  --- function will be called with a Highlights and ColorScheme table
  ---@param highlights Highlights
  ---@param colors ColorScheme
  on_highlights = function(highlights, colors) end,
})

πŸͺ“ Overriding Colors & Highlight Groups

How the highlight groups are calculated:

  1. colors are determined based on your configuration, with the ability to override them using config.on_colors(colors).
  2. These colors are utilized to generate the highlight groups.
  3. config.on_highlights(highlights, colors) can be used to override highlight groups.

For default values of colors and highlights, please consult the colors.lua file.

Settings and color alteration demonstration

require("solarized-osaka").setup({
  -- disable italic for functions
  styles = {
    functions = {}
  },
  sidebars = { "qf", "vista_kind", "terminal", "packer" },
  -- Change the "hint" color to the "orange" color, and make the "error" color bright red
  on_colors = function(colors)
    colors.hint = colors.orange
    colors.error = "#ff0000"
  end
})

Borderless Telescope example

require("solarized-osaka").setup({
  on_highlights = function(hl, c)
    local prompt = "#2d3149"
    hl.TelescopeNormal = {
      bg = c.bg_dark,
      fg = c.fg_dark,
    }
    hl.TelescopeBorder = {
      bg = c.bg_dark,
      fg = c.bg_dark,
    }
    hl.TelescopePromptNormal = {
      bg = prompt,
    }
    hl.TelescopePromptBorder = {
      bg = prompt,
      fg = prompt,
    }
    hl.TelescopePromptTitle = {
      bg = prompt,
      fg = prompt,
    }
    hl.TelescopePreviewTitle = {
      bg = c.bg_dark,
      fg = c.bg_dark,
    }
    hl.TelescopeResultsTitle = {
      bg = c.bg_dark,
      fg = c.bg_dark,
    }
  end,
})

Fix undercurls in Tmux

To have undercurls show up and in color, add the following to your Tmux configuration file:

# Undercurl
set -g default-terminal "${TERM}"
set -as terminal-overrides ',*:Smulx=\E[4::%p1%dm'  # undercurl support
set -as terminal-overrides ',*:Setulc=\E[58::2::%p1%{65536}%/%d::%p1%{256}%/%{255}%&%d::%p1%{255}%&%d%;m'  # underscore colours - needs tmux-3.0

More Repositories

1

dotfiles-public

My personal dotfiles
Lua
6,132
star
2

craftzdog-homepage

My homepage
JavaScript
2,257
star
3

chat-bubbles-for-yt

Real-time recording for chat bubbles
TypeScript
658
star
4

react-native-animated-todo

Animated ToDo app built with React Native and Reanimated v2
TypeScript
444
star
5

react-native-sqlite-2

SQLite3 Native Plugin for React Native for iOS, Android, Windows and macOS.
TypeScript
376
star
6

react-native-quick-base64

A fast base64 module for React Native
TypeScript
354
star
7

electron-markdown-editor-tutorial

Electron Markdown editor tutorial
JavaScript
298
star
8

craftzdog-uses

A curated list of the tech I use, built with Astro and Tailwind CSS
Astro
251
star
9

react-native-aes-gcm-crypto

AES-GCM encryption/decryption for React Native
Java
242
star
10

inkdrop-ui-mockup-react-native

A mockup for Inkdrop mobile inspired by Gmail
TypeScript
236
star
11

react-native-checkbox-reanimated

Animated checkbox built with Reanimated v2
TypeScript
165
star
12

link-in-bio

Link in bio page for my Instagram profile
HTML
165
star
13

ghibli-style-shader

Ghibli-styled Shader Example for Three.js
JavaScript
150
star
14

vlog-translator

A Personal Tool for Transcribing & Translating My Vlogs into Japanese
TypeScript
144
star
15

pouchdb-adapter-react-native-sqlite

PouchDB adapter using ReactNative SQLite as its backing store
JavaScript
116
star
16

react-native-quick-md5

Fast C++ implementation with JSI binding of MD5 for React Native
C++
106
star
17

caffe-ios-sample

An example of XCode project using Caffe: a fast open framework for deep learning
Objective-C++
98
star
18

ZenPlayer-for-iOS

ZenPlayer written with objective-c
Objective-C
91
star
19

hyper-holoplay

Holoplay integration for Hyper
JavaScript
82
star
20

cm6-themes

Themes for CodeMirror 6
TypeScript
80
star
21

voxel-dog

A cute 3D dog rendered with three.js
TypeScript
71
star
22

send-email-lambda

Simple email sender running on Lambda
JavaScript
69
star
23

react-native-three-column-layout

Three-column layout with animation support for tablet displays
TypeScript
48
star
24

react-native-quick-websql

Fast WebSQL-compatible SQLite driver for React Native
TypeScript
44
star
25

NRBlurryStepOutAnimatedTransitioning

tweetbot like modal view transitioning
Objective-C
42
star
26

react-native-skeuomorphism-ui-example

Neo-skeuomorphism style UI Example for React Native
JavaScript
38
star
27

p5-wave-visualization

p5 sketch visualizing the sound of waves of the sea recorded at Yuigahama in Kamakura, which is processed with FFT.
JavaScript
36
star
28

react-native-japanese-tokenizer

Async Japanese Tokenizer Native Plugin for React Native for iOS and Android
Java
34
star
29

smooth-toc-example

A demo project of a smoothly animated table of contents
CSS
30
star
30

react-codemirror-runmode

Syntax highlighting for react, utilizing CodeMirror's parser
TypeScript
27
star
31

presentation-themes

Presentation themes based on popular syntax themes
19
star
32

gatsby-starter-ionic

A Gatsby starter with Ionic added on top
CSS
17
star
33

atom-react-app

An empty React app based on Atom Editor
JavaScript
16
star
34

pouchdb-react-native-demo

A working demo for PouchDB on React Native with SQLite3 storage
JavaScript
15
star
35

extract-main-text-node

ExtractContent for node.js
JavaScript
15
star
36

react-native-native-ui-component-boilerplate

My boilerplate for building a native UI component for React Native
Java
13
star
37

remark-react-codemirror

Syntax highlighting for remark-react through CodeMirror
JavaScript
11
star
38

remark-strip-html

Remove html formatting from Markdown
JavaScript
11
star
39

anavi-phat-sensors-ui

Web interface for ANAVI pHAT & CO2 sensors
CSS
10
star
40

react-native-sqlite-2-demo

React Native SQLite 2 Demo
JavaScript
5
star
41

anavi-sensors-api

An API server to retrieve ANAVI sensor data from my Raspberry Pi
JavaScript
4
star
42

rn-tamagui-web-test

TypeScript
4
star
43

lunr-language-jp

A Japanese tokenizer and stopwords for Lunr JavaScript library
JavaScript
3
star
44

frosted-top-bar-example

an example of iOS like frosted blurry-styled top-bar on the web
HTML
3
star
45

raspcon

A remote controller server for my room πŸ•Ή
JavaScript
2
star
46

twit-promise

A wrapper for the Twit module that its get/post methods return the native promise
JavaScript
2
star
47

NRJSONHelpers

Handy categories for encoding/decoding JSON in Objective-C
Objective-C
1
star
48

codemirror.next-markdown

Markdown test
1
star
49

electron-acrylic-window-drag-issue-reproduction

JavaScript
1
star
50

react-native-pouchdb-md5

PouchDB utilities for calculating MD5 checksums for React Native
Java
1
star