Flexoki Color Scheme
repository·main·Indexed 25 days ago
https://github.com/kepano/flexokiA professional inky color scheme designed for high-quality reading and writing on digital screens, inspired by analog printing and warm paper tones. It includes a base palette and extended accent colors (50-950) with ports for various terminal emulators, code editors, browsers, and system frameworks. The project also provides the @flexoki/generators package and flexoki-py, a Python library for accessing the color scheme within the Python ecosystem and matplotlib.
What's inside Flexoki
- Flexoki is an inky color scheme designed for reading and writing on digital screens, inspired by analog printing inks and warm shades of paper. It provides a cohesive palette for syntax highlighting, application themes, and system-wide UI. The standard palette uses base colors and 400/600 accent color values, while an extended palette offers a full range from 50-950 for complex UI projects.
Overview of Flexoki for Black Box
mainFlexoki provides color themes for Black Box, available in both Dark and Light modes. These themes are designed to provide consistent syntax highlighting and color palettes across the application.Overview of flexoki-py
mainflexoki-py is a Python library designed to provide easy access to the Flexoki color scheme (an 'inky color scheme for prose and code') within the Python ecosystem. It is specifically optimized for use with graphics-centric packages likematplotlib.Use Flexoki Light in Visual Studio Code
mainFlexoki Light is a light-mode color scheme designed for Visual Studio Code.Key features of flexoki-py
mainThe library provides several capabilities for working with the Flexoki color scheme:
- Full Color Access: Access to the complete Flexoki 2.0 color library.
- Palettes: Shortcuts to specific collections of colors.
- Color Filtering: Robust filtering of colors based on hue and lightness.
- Matplotlib Integration: Ability to register Flexoki colors as named colors and palettes as colormaps within
matplotlib.
Use Flexoki Dark in Visual Studio Code
mainFlexoki Dark is a dark-mode color scheme designed for Visual Studio Code.Apply Flexoki Light theme to FZF
mainTo use the Flexoki Light color scheme in
fzf, set theFZF_DEFAULT_OPTSenvironment variable. This configures foreground, background, highlight, border, header, gutter, spinner, info, separator, pointer, marker, and prompt colors.# Bash/ZSH export FZF_DEFAULT_OPTS=" --color=fg:#B7B5AC,bg:#FFFCF0,hl:#100F0F --color=fg+:#B7B5AC,bg+:#F2F0E5,hl+:#100F0F --color=border:#AF3029,header:#100F0F,gutter:#FFFCF0 --color=spinner:#3AA99F,info:#3AA99F,separator:#F2F0E5 --color=pointer:#D0A215,marker:#D14D41,prompt:#D0A215" # Fish set -Ux FZF_DEFAULT_OPTS ' --color=fg:#B7B5AC,bg:#FFFCF0,hl:#100F0F --color=fg+:#B7B5AC,bg+:#F2F0E5,hl+:#100F0F --color=border:#AF3029,header:#100F0F,gutter:#FFFCF0 --color=spinner:#3AA99F,info:#3AA99F,separator:#F2F0E5 --color=pointer:#D0A215,marker:#D14D41,prompt:#D0A215'Install Flexoki terminal profiles via Finder
mainTo install Flexoki terminal profiles on macOS using Finder:
- Download the terminal file.
- Right-click the downloaded file and select "Open".
- If macOS displays a warning stating that the file "cannot be opened because it is from an unidentified developer", click "Open" in the popup to proceed with the installation.
Apply Flexoki Dark theme to FZF
mainTo use the Flexoki Dark color scheme in
fzf, set theFZF_DEFAULT_OPTSenvironment variable. This configures foreground, background, highlight, border, header, gutter, spinner, info, separator, pointer, marker, and prompt colors.# Bash/ZSH export FZF_DEFAULT_OPTS=" --color=fg:#878580,bg:#100F0F,hl:#CECDC3 --color=fg+:#878580,bg+:#1C1B1A,hl+:#CECDC3 --color=border:#AF3029,header:#CECDC3,gutter:#100F0F --color=spinner:#24837B,info:#24837B,separator:#1C1B1A --color=pointer:#AD8301,marker:#AF3029,prompt:#AD8301" # Fish set -Ux FZF_DEFAULT_OPTS ' --color=fg:#878580,bg:#100F0F,hl:#CECDC3 --color=fg+:#878580,bg+:#1C1B1A,hl:#CECDC3 --color=border:#AF3029,header:#CECDC3,gutter:#100F0F --color=spinner:#24837B,info:#24837B,separator:#282726 --color=pointer:#AD8301,marker:#AF3029,prompt:#AD8301'Install and build the @flexoki/generators package
mainTo set up the
@flexoki/generatorspackage for development, install the dependencies and run the build script using npm.npm i npm run buildInstall Flexoki theme in Windows Terminal
mainTo use Flexoki themes in Windows Terminal, you must manually add the theme definitions to your
settings.jsonfile:- Open Windows Terminal.
- Open Settings by pressing
Ctrl+,or clicking the down arrow next to the new tab button and selecting "Settings". - Click "Open JSON File" in the bottom left corner of the Settings UI.
- Locate the
schemeskey in the JSON structure. - Paste the contents of the Flexoki JSON theme file into the
schemesarray. - Once saved, you can select "Flexoki Dark" or "Flexoki Light" from the color scheme dropdown in your profile settings or as the global default.
Install and use Flexoki modes in Zathura
mainTo use a Flexoki color scheme in Zathura, follow these two steps:
- Clone the desired mode files into your Zathura configuration directory:
~/.config/zathura/. - Add an
includedirective to yourzathurarcfile to activate the mode using the syntaxinclude flexoki-<mode>.
- Clone the desired mode files into your Zathura configuration directory: