Flexoki Color Scheme

repository·main·Indexed 25 days ago

https://github.com/kepano/flexoki

A 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.

Tokens
9.8K
Snippets
24
Records
68
Agent score
86%

What's inside Flexoki

  1. Overview of Flexoki color scheme

    main
    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.
  2. Key features of flexoki-py

    main

    The 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.
  3. Apply Flexoki Light theme to FZF

    main

    To use the Flexoki Light color scheme in fzf, set the FZF_DEFAULT_OPTS environment 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'
  4. Install Flexoki terminal profiles via Finder

    main

    To install Flexoki terminal profiles on macOS using Finder:

    1. Download the terminal file.
    2. Right-click the downloaded file and select "Open".
    3. 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.
  5. Apply Flexoki Dark theme to FZF

    main

    To use the Flexoki Dark color scheme in fzf, set the FZF_DEFAULT_OPTS environment 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'
  6. Install Flexoki theme in Windows Terminal

    main

    To use Flexoki themes in Windows Terminal, you must manually add the theme definitions to your settings.json file:

    1. Open Windows Terminal.
    2. Open Settings by pressing Ctrl+, or clicking the down arrow next to the new tab button and selecting "Settings".
    3. Click "Open JSON File" in the bottom left corner of the Settings UI.
    4. Locate the schemes key in the JSON structure.
    5. Paste the contents of the Flexoki JSON theme file into the schemes array.
    6. Once saved, you can select "Flexoki Dark" or "Flexoki Light" from the color scheme dropdown in your profile settings or as the global default.
  7. Install and use Flexoki modes in Zathura

    main

    To use a Flexoki color scheme in Zathura, follow these two steps:

    1. Clone the desired mode files into your Zathura configuration directory: ~/.config/zathura/.
    2. Add an include directive to your zathurarc file to activate the mode using the syntax include flexoki-<mode>.