base on An inky color scheme for prose and code. [](https://stephango.com/flexoki) Flexoki 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. Learn more at [stephango.com/flexoki](https://stephango.com/flexoki) ## Syntax highlighting  ## Ports Flexoki is available for the following apps and tools. ### Apps - [Alacritty](https://github.com/kepano/flexoki/tree/main/alacritty) by @willtheodore - [Discord](https://github.com/kepano/flexoki/discord) by @thatoddshade using [Discord Recolor](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/DiscordRecolor) - [Emacs](https://github.com/crmsnbleyd/flexoki-emacs-theme) by @crmsnbleyd - [Firefox](https://github.com/ddogfoodd/firefox-flexoki-dynamic-theme) by @ddogfoodd - [fish](https://github.com/kepano/flexoki/tree/main/fish) by @Orest58008 - [IntelliJ](https://github.com/kepano/flexoki/tree/main/intellij) by @annoyingmouse - [iTerm2](https://github.com/kepano/flexoki/tree/main/iterm2) by @techvlad and @pingiun - [Kitty](https://github.com/kepano/flexoki/tree/main/kitty) by @peterjbachman - [Lite XL](https://github.com/kepano/flexoki/tree/main/lite_xl) by @chambored - [macOS Terminal](https://github.com/kepano/flexoki/tree/main/terminal) by @getninjaN - Neovim: - [@stevedylandev and @dinocosta](https://github.com/kepano/flexoki-neovim) - [@nuvic](https://github.com/nuvic/flexoki-nvim) - [NetNewsWire](https://github.com/frznv/NetNewsWire-Flexoki) by @frznv - [Obsidian](https://github.com/kepano/flexoki-obsidian) and part of [Minimal theme](https://github.com/kepano/obsidian-minimal) by @kepano - [Slack](https://github.com/kepano/flexoki/tree/main/slack) by @maxobat - [Standard Notes](https://github.com/myreli/sn-flexoki) by @myreli - [Sublime Text](https://github.com/kepano/flexoki-sublime) by @kepano - [Tape](https://github.com/kepano/flexoki/tree/main/tape) by @TheLastZombie - [Tealdeer](https://github.com/kepano/flexoki/tree/main/tealdeer) by @Orest58008 - [Telegram](https://github.com/kepano/flexoki/tree/main/telegram) by @Orest58008 - [tmux](https://github.com/kepano/flexoki/tree/main/tmux) by @tklai - [Ulysses](https://github.com/kepano/flexoki/tree/main/ulysses) by @jasonekratz - [Visual Studio Code](https://github.com/kepano/flexoki/tree/main/vscode) by @Railly - [Warp](https://github.com/kepano/flexoki/tree/main/warp-terminal) by @tplesnar - [Waybar](https://github.com/kepano/flexoki/tree/main/waybar) by @Orest58008 - [WezTerm](https://github.com/kepano/flexoki/tree/main/wezterm) by @jbromley - [Windows Terminal](https://github.com/kepano/flexoki/tree/main/windows-terminal) by @joukevandermaas - [Xresources](https://github.com/kepano/flexoki/tree/main/xresources) by @dmb2 ### System themes - [gtk](https://github.com/kepano/flexoki/tree/main/gtk) by @hydroakri - [qt5ct/qt6ct](https://github.com/kepano/flexoki/tree/main/qt6ct) by @hydroakri - [KDE color](https://github.com/kepano/flexoki/tree/main/kde) by @hydroakri ### Frameworks - [Shadcn](https://gist.github.com/phenomen/affd8c346538378548febd20dccdbfcc) by @phenomen - [Tailwind](https://gist.github.com/martin-mael/4b50fa8e55da846f3f73399d84fa1848) by @martin-mael - [theme.sh](https://github.com/kepano/flexoki/tree/main/theme.sh) by @TheLastZombie - [pywal](https://github.com/kepano/flexoki/tree/main/pywal) by @hydroakri ### Other - [Wikipedia UserCSS](https://userstyles.world/style/17944/wikipedia-flexoki) (requires [Stylus](https://github.com/openstyles/stylus/#releases)) by @KraXen72 - [Figma](https://www.figma.com/community/file/1293274371462921490/flexoki) by @kepano - [GIMP palette](https://github.com/kepano/flexoki/tree/main/gimp) by @xTibor ## Contributing Flexoki 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. ## Screenshots #### Sublime Text  #### VS Code   ## Colors Please [see documentation](https://stephango.com/flexoki) for how to apply these colors. ### Base tones | Value | Hex | RGB | | ----- | --------- | --------------- | | black | `#100F0F` | `16, 15, 15` | | 950 | `#1C1B1A` | `28, 27, 26` | | 900 | `#282726` | `40, 39, 38` | | 850 | `#343331` | `52, 51, 49` | | 800 | `#403E3C` | `64, 62, 60` | | 700 | `#575653` | `87, 86, 83` | | 600 | `#6F6E69` | `111, 110, 105` | | 500 | `#878580` | `135, 133, 128` | | 300 | `#B7B5AC` | `183, 181, 172` | | 200 | `#CECDC3` | `206, 205, 195` | | 150 | `#DAD8CE` | `218, 216, 206` | | 100 | `#E6E4D9` | `230, 228, 217` | | 50 | `#F2F0E5` | `242, 240, 229` | | paper | `#FFFCF0` | `255, 252, 240` | ### Dark colors | Color | Hex | RGB | | ------- | --------- | -------------- | | red | `#AF3029` | `175, 48, 41` | | orange | `#BC5215` | `188, 82, 21` | | yellow | `#AD8301` | `173, 131, 1` | | green | `#66800B` | `102, 128, 11` | | cyan | `#24837B` | `36, 131, 123` | | blue | `#205EA6` | `32, 94, 166` | | purple | `#5E409D` | `94, 64, 157` | | magenta | `#A02F6F` | `160, 47, 111` | ### Light colors | Color | Hex | RGB | | ------- | --------- | --------------- | | red | `#D14D41` | `209, 77, 65` | | orange | `#DA702C` | `218, 112, 44` | | yellow | `#D0A215` | `208, 162, 21` | | green | `#879A39` | `135, 154, 57` | | cyan | `#3AA99F` | `58, 169, 159` | | blue | `#4385BE` | `67, 133, 190` | | purple | `#8B7EC8` | `139, 126, 200` | | magenta | `#CE5D97` | `206, 93, 151` | ", Assign "at most 3 tags" to the expected json: {"id":"3371","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"