{"id":13474857,"url":"https://github.com/kepano/flexoki","last_synced_at":"2025-05-14T04:03:08.132Z","repository":{"id":198962105,"uuid":"701897407","full_name":"kepano/flexoki","owner":"kepano","description":"An inky color scheme for prose and code.","archived":false,"fork":false,"pushed_at":"2025-05-03T23:20:32.000Z","size":10110,"stargazers_count":2390,"open_issues_count":3,"forks_count":84,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-05-04T00:24:36.634Z","etag":null,"topics":["alacritty","color","color-scheme","colors","ghostty","intellij","iterm2","kitty","neovim","neovim-colorscheme","sublime-text","tailwind","terminal-colors","theme","vscode","vscode-theme","wezterm","xresources"],"latest_commit_sha":null,"homepage":"https://stephango.com/flexoki","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kepano.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-10-07T22:21:40.000Z","updated_at":"2025-05-03T23:20:35.000Z","dependencies_parsed_at":"2023-10-17T02:13:53.481Z","dependency_job_id":"3604632f-70a8-4b99-adc6-d21a6bda9516","html_url":"https://github.com/kepano/flexoki","commit_stats":{"total_commits":166,"total_committers":37,"mean_commits":4.486486486486487,"dds":0.6506024096385542,"last_synced_commit":"284703c6bb27489f7e7f7a623e45ccd2efa99683"},"previous_names":["kepano/flexoki"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kepano%2Fflexoki","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kepano%2Fflexoki/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kepano%2Fflexoki/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kepano%2Fflexoki/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kepano","download_url":"https://codeload.github.com/kepano/flexoki/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254067097,"owners_count":22009077,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alacritty","color","color-scheme","colors","ghostty","intellij","iterm2","kitty","neovim","neovim-colorscheme","sublime-text","tailwind","terminal-colors","theme","vscode","vscode-theme","wezterm","xresources"],"created_at":"2024-07-31T16:01:15.435Z","updated_at":"2025-05-14T04:03:08.118Z","avatar_url":"https://github.com/kepano.png","language":"CSS","funding_links":[],"categories":["CSS","TypeScript","⭐ Top Extensions"],"sub_categories":[],"readme":"[![Flexoki](_images/flexoki-dark.png)](https://stephango.com/flexoki)\n\nFlexoki is an inky color scheme for prose and code. Flexoki is designed for reading and writing on digital screens. It is inspired by analog printing inks and warm shades of paper.\n\nLearn more at [stephango.com/flexoki](https://stephango.com/flexoki)\n\n## Syntax highlighting\n\n![Flexoki](_images/flexoki-code.png)\n\n## Ports\n\nFlexoki is available for the following apps and tools.\n\n### Apps\n\n- [Alacritty](https://github.com/kepano/flexoki/tree/main/alacritty) by @willtheodore\n- [Chrome](https://github.com/kepano/flexoki/tree/main/chrome) by @FormalSnake\n- [Discord](https://github.com/kepano/flexoki/tree/main/discord) by @thatoddshade using [Discord Recolor](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/DiscordRecolor)\n- [Emacs](https://github.com/crmsnbleyd/flexoki-emacs-theme) by @crmsnbleyd\n- [Firefox](https://github.com/ddogfoodd/firefox-flexoki-dynamic-theme) by @ddogfoodd\n- [fish](https://github.com/kepano/flexoki/tree/main/fish) by @Orest58008\n- [IntelliJ](https://github.com/kepano/flexoki/tree/main/intellij) by @annoyingmouse\n- [iTerm2](https://github.com/kepano/flexoki/tree/main/iterm2) by @techvlad and @pingiun\n- [Kitty](https://github.com/kepano/flexoki/tree/main/kitty) by @peterjbachman\n- [Lite XL](https://github.com/kepano/flexoki/tree/main/lite_xl) by @chambored\n- [macOS Terminal](https://github.com/kepano/flexoki/tree/main/terminal) by @getninjaN\n- Neovim:\n  - [@stevedylandev and @dinocosta](https://github.com/kepano/flexoki-neovim)\n  - [@nuvic](https://github.com/nuvic/flexoki-nvim)\n- [NetNewsWire](https://github.com/frznv/NetNewsWire-Flexoki) by @frznv\n- [Obsidian](https://github.com/kepano/flexoki-obsidian) and part of [Minimal theme](https://github.com/kepano/obsidian-minimal) by @kepano\n- [Slack](https://github.com/kepano/flexoki/tree/main/slack) by @maxobat\n- [Standard Notes](https://github.com/myreli/sn-flexoki) by @myreli\n- [Sublime Text](https://github.com/kepano/flexoki-sublime) by @kepano\n- [Tape](https://github.com/kepano/flexoki/tree/main/tape) by @TheLastZombie\n- [Tealdeer](https://github.com/kepano/flexoki/tree/main/tealdeer) by @Orest58008\n- [Telegram](https://github.com/kepano/flexoki/tree/main/telegram) by @Orest58008\n- [tmux](https://github.com/kepano/flexoki/tree/main/tmux) by @tklai\n- [Ulysses](https://github.com/kepano/flexoki/tree/main/ulysses) by @jasonekratz\n- [Visual Studio Code](https://github.com/kepano/flexoki/tree/main/vscode) by @Railly\n- [Warp](https://github.com/kepano/flexoki/tree/main/warp-terminal) by @tplesnar\n- [Waybar](https://github.com/kepano/flexoki/tree/main/waybar) by @Orest58008\n- [WezTerm](https://github.com/kepano/flexoki/tree/main/wezterm) by @jbromley\n- [Windows Terminal](https://github.com/kepano/flexoki/tree/main/windows-terminal) by @joukevandermaas\n- [Xresources](https://github.com/kepano/flexoki/tree/main/xresources) by @dmb2\n- [Yazi Dark](https://github.com/gosxrgxx/flexoki-dark.yazi), [Yazi Light](https://github.com/gosxrgxx/flexoki-light.yazi) by @gosxrgxx\n- [Zed](https://github.com/kepano/flexoki/tree/main/zed) by @dinocosta\n\n### System themes\n- [gtk](https://github.com/kepano/flexoki/tree/main/gtk) by @hydroakri\n- [qt5ct/qt6ct](https://github.com/kepano/flexoki/tree/main/qt6ct) by @hydroakri\n- [KDE color](https://github.com/kepano/flexoki/tree/main/kde) by @hydroakri\n\n### Frameworks\n\n- [Shadcn](https://gist.github.com/phenomen/affd8c346538378548febd20dccdbfcc) by @phenomen\n- [Tailwind](https://github.com/kepano/flexoki/tree/main/tailwind) by @bslobodin\n- [theme.sh](https://github.com/kepano/flexoki/tree/main/theme.sh) by @TheLastZombie\n- [pywal](https://github.com/kepano/flexoki/tree/main/pywal) by @hydroakri\n- [Starlight](https://delucis.github.io/starlight-theme-flexoki/) by @delucis\n\n### Other\n\n- [Affinity palette](https://github.com/kepano/flexoki/tree/main/affinity) by @Spirou42\n- [Clip Studio Paint](https://github.com/scottandrewlepera/flexoki-extended-csp) by @scottandrewlepera\n- [Figma](https://www.figma.com/community/file/1293274371462921490/flexoki) by @kepano\n- [GIMP palette](https://github.com/kepano/flexoki/tree/main/gimp) by @xTibor\n- [Python/Matplotlib](https://github.com/kepano/flexoki/tree/main/python-matplotlib) by @moss-xyz\n- [R](https://github.com/mdscheuerell/flexoki/) by @mdscheuerell\n- [Wikipedia UserCSS](https://userstyles.world/style/17944/wikipedia-flexoki) (requires [Stylus](https://github.com/openstyles/stylus/#releases)) by @KraXen72\n\n## Contributing\n\nFlexoki is MIT licensed. You are free to port Flexoki to any app. Please include attribution and a link to [stephango.com/flexoki](https://stephango.com/flexoki). Add a link to your port in the list above via pull request.\n\n## Screenshots\n\n#### Sublime Text\n\n![Flexoki Sublime](_images/flexoki-sublime.png)\n\n#### VS Code\n\n![Flexoki VS Code Dark](vscode/screenshots/flexoki-vscode-dark.png)\n![Flexoki VS Code Light](vscode/screenshots/flexoki-vscode-light.png)\n\n## Colors\n\nPlease [see documentation](https://stephango.com/flexoki) for how to apply these colors. The standard palette uses the base colors, and the 400/600 accent color values. The [extended palette](https://stephango.com/flexoki#extended-palette) adds a full range of values from 50-950 for UIs and more complex projects.\n\n### Base\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| paper        | `#FFFCF0`  | `255, 252, 240` |\n| base-50      | `#F2F0E5`  | `242, 240, 229` |\n| base-100     | `#E6E4D9`  | `230, 228, 217` |\n| base-150     | `#DAD8CE`  | `218, 216, 206` |\n| base-200     | `#CECDC3`  | `206, 205, 195` |\n| base-300     | `#B7B5AC`  | `183, 181, 172` |\n| base-400     | `#9F9D96`  | `159, 157, 150` |\n| base-500     | `#878580`  | `135, 133, 128` |\n| base-600     | `#6F6E69`  | `111, 110, 105` |\n| base-700     | `#575653`  | `87, 86, 83`    |\n| base-800     | `#403E3C`  | `64, 62, 60`    |\n| base-850     | `#343331`  | `52, 51, 49`    |\n| base-900     | `#282726`  | `40, 39, 38`    |\n| base-950     | `#1C1B1A`  | `28, 27, 26`    |\n| black        | `#100F0F`  | `16, 15, 15`    |\n\n### Dark colors\n\n| Color       | Hex       | RGB            |\n| ----------- | --------- | -------------- |\n| red-600     | `#AF3029` | `175, 48, 41`  |\n| orange-600  | `#BC5215` | `188, 82, 21`  |\n| yellow-600  | `#AD8301` | `173, 131, 1`  |\n| green-600   | `#66800B` | `102, 128, 11` |\n| cyan-600    | `#24837B` | `36, 131, 123` |\n| blue-600    | `#205EA6` | `32, 94, 166`  |\n| purple-600  | `#5E409D` | `94, 64, 157`  |\n| magenta-600 | `#A02F6F` | `160, 47, 111` |\n\n### Light colors\n\n| Color       | Hex       | RGB             |\n| ----------- | --------- | --------------- |\n| red-400     | `#D14D41` | `209, 77, 65`   |\n| orange-400  | `#DA702C` | `218, 112, 44`  |\n| yellow-400  | `#D0A215` | `208, 162, 21`  |\n| green-400   | `#879A39` | `135, 154, 57`  |\n| cyan-400    | `#3AA99F` | `58, 169, 159`  |\n| blue-400    | `#4385BE` | `67, 133, 190`  |\n| purple-400  | `#8B7EC8` | `139, 126, 200` |\n| magenta-400 | `#CE5D97` | `206, 93, 151`  |\n\n## Extended palette\n\nIf you wish to use Flexoki for more complex applications beyond syntax highlighting and basic color schemes, the extended palette includes a complete set of values for every accent color from 50 to 950.\n\n![Flexoki Extended](_images/flexoki-palette.png)\n\n### Red\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| red-50       | `#FFE1D5`  | `255, 225, 213` |\n| red-100      | `#FFCABB`  | `255, 202, 187` |\n| red-150      | `#FDB2A2`  | `253, 178, 162` |\n| red-200      | `#F89A8A`  | `248, 154, 138` |\n| red-300      | `#E8705F`  | `232, 112, 95`  |\n| red-400      | `#D14D41`  | `209, 77, 65`   |\n| red-500      | `#C03E35`  | `192, 62, 53`   |\n| red-600      | `#AF3029`  | `175, 48, 41`   |\n| red-700      | `#942822`  | `148, 40, 34`   |\n| red-800      | `#6C201C`  | `108, 32, 28`   |\n| red-850      | `#551B18`  | `85, 27, 24`    |\n| red-900      | `#3E1715`  | `62, 23, 21`    |\n| red-950      | `#261312`  | `38, 19, 18`    |\n\n### Orange\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| orange-50    | `#FFE7CE`  | `255, 231, 206` |\n| orange-100   | `#FED3AF`  | `254, 211, 175` |\n| orange-150   | `#FCC192`  | `252, 193, 146` |\n| orange-200   | `#F9AE77`  | `249, 174, 119` |\n| orange-300   | `#EC8B49`  | `236, 139, 73`  |\n| orange-400   | `#DA702C`  | `218, 112, 44`  |\n| orange-500   | `#CB6120`  | `203, 97, 32`   |\n| orange-600   | `#BC5215`  | `188, 82, 21`   |\n| orange-700   | `#9D4310`  | `157, 67, 16`   |\n| orange-800   | `#71320D`  | `113, 50, 13`   |\n| orange-850   | `#59290D`  | `89, 41, 13`    |\n| orange-900   | `#40200D`  | `64, 32, 13`    |\n| orange-950   | `#27180E`  | `39, 24, 14`    |\n\n### Yellow\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| yellow-50    | `#FAEEC6`  | `250, 238, 198` |\n| yellow-100   | `#F6E2A0`  | `246, 226, 160` |\n| yellow-150   | `#F1D67E`  | `241, 214, 126` |\n| yellow-200   | `#ECCB60`  | `236, 203, 96`  |\n| yellow-300   | `#DFB431`  | `223, 180, 49`  |\n| yellow-400   | `#D0A215`  | `208, 162, 21`  |\n| yellow-500   | `#BE9207`  | `190, 146, 7`   |\n| yellow-600   | `#AD8301`  | `173, 131, 1`   |\n| yellow-700   | `#8E6B01`  | `142, 107, 1`   |\n| yellow-800   | `#664D01`  | `102, 77, 1`    |\n| yellow-850   | `#503D02`  | `80, 61, 2`     |\n| yellow-900   | `#3A2D04`  | `58, 45, 4`     |\n| yellow-950   | `#241E08`  | `36, 30, 8`     |\n\n### Green\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| green-50     | `#EDEECF`  | `237, 238, 207` |\n| green-100    | `#DDE2B2`  | `221, 226, 178` |\n| green-150    | `#CDD597`  | `205, 213, 151` |\n| green-200    | `#BEC97E`  | `190, 201, 126` |\n| green-300    | `#A0AF54`  | `160, 175, 84`  |\n| green-400    | `#879A39`  | `135, 154, 57`  |\n| green-500    | `#768D21`  | `118, 141, 33`  |\n| green-600    | `#66800B`  | `102, 128, 11`  |\n| green-700    | `#536907`  | `83, 105, 7`    |\n| green-800    | `#3D4C07`  | `61, 76, 7`     |\n| green-850    | `#313D07`  | `49, 61, 7`     |\n| green-900    | `#252D09`  | `37, 45, 9`     |\n| green-950    | `#1A1E0C`  | `26, 30, 12`    |\n\n### Cyan\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| cyan-50      | `#DDF1E4`  | `221, 241, 228` |\n| cyan-100     | `#BFE8D9`  | `191, 232, 217` |\n| cyan-150     | `#A2DECE`  | `162, 222, 206` |\n| cyan-200     | `#87D3C3`  | `135, 211, 195` |\n| cyan-300     | `#5ABDAC`  | `90, 189, 172`  |\n| cyan-400     | `#3AA99F`  | `58, 169, 159`  |\n| cyan-500     | `#2F968D`  | `47, 150, 141`  |\n| cyan-600     | `#24837B`  | `36, 131, 123`  |\n| cyan-700     | `#1C6C66`  | `28, 108, 102`  |\n| cyan-800     | `#164F4A`  | `22, 79, 74`    |\n| cyan-850     | `#143F3C`  | `20, 63, 60`    |\n| cyan-900     | `#122F2C`  | `18, 47, 44`    |\n| cyan-950     | `#101F1D`  | `16, 31, 29`    |\n\n### Blue\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| blue-50      | `#E1ECEB`  | `225, 236, 235` |\n| blue-100     | `#C6DDE8`  | `198, 221, 232` |\n| blue-150     | `#ABCFE2`  | `171, 207, 226` |\n| blue-200     | `#92BFDB`  | `146, 191, 219` |\n| blue-300     | `#66A0C8`  | `102, 160, 200` |\n| blue-400     | `#4385BE`  | `67, 133, 190`  |\n| blue-500     | `#3171B2`  | `49, 113, 178`  |\n| blue-600     | `#205EA6`  | `32, 94, 166`   |\n| blue-700     | `#1A4F8C`  | `26, 79, 140`   |\n| blue-800     | `#163B66`  | `22, 59, 102`   |\n| blue-850     | `#133051`  | `19, 48, 81`    |\n| blue-900     | `#12253B`  | `18, 37, 59`    |\n| blue-950     | `#101A24`  | `16, 26, 36`    |\n\n### Purple\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| purple-50    | `#F0EAEC`  | `240, 234, 236` |\n| purple-100   | `#E2D9E9`  | `226, 217, 233` |\n| purple-150   | `#D3CAE6`  | `211, 202, 230` |\n| purple-200   | `#C4B9E0`  | `196, 185, 224` |\n| purple-300   | `#A699D0`  | `166, 153, 208` |\n| purple-400   | `#8B7EC8`  | `139, 126, 200` |\n| purple-500   | `#735EB5`  | `115, 94, 181`  |\n| purple-600   | `#5E409D`  | `94, 64, 157`   |\n| purple-700   | `#4F3685`  | `79, 54, 133`   |\n| purple-800   | `#3C2A62`  | `60, 42, 98`    |\n| purple-850   | `#31234E`  | `49, 35, 78`    |\n| purple-900   | `#261C39`  | `38, 28, 57`    |\n| purple-950   | `#1A1623`  | `26, 22, 35`    |\n\n### Magenta\n\n| Name         | Hex        | RGB             |\n| ------------ | ---------- | --------------- |\n| magenta-50   | `#FEE4E5`  | `254, 228, 229` |\n| magenta-100  | `#FCCFDA`  | `252, 207, 218` |\n| magenta-150  | `#F9B9CF`  | `249, 185, 207` |\n| magenta-200  | `#F4A4C2`  | `244, 164, 194` |\n| magenta-300  | `#E47DA8`  | `228, 125, 168` |\n| magenta-400  | `#CE5D97`  | `206, 93, 151`  |\n| magenta-500  | `#B74583`  | `183, 69, 131`  |\n| magenta-600  | `#A02F6F`  | `160, 47, 111`  |\n| magenta-700  | `#87285E`  | `135, 40, 94`   |\n| magenta-800  | `#641F46`  | `100, 31, 70`   |\n| magenta-850  | `#4F1B39`  | `79, 27, 57`    |\n| magenta-900  | `#39172B`  | `57, 23, 43`    |\n| magenta-950  | `#24131D`  | `36, 19, 29`    |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkepano%2Fflexoki","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkepano%2Fflexoki","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkepano%2Fflexoki/lists"}