{"id":13831777,"url":"https://github.com/atelierbram/Base2Tone","last_synced_at":"2025-07-09T15:33:21.636Z","repository":{"id":62376008,"uuid":"52509057","full_name":"atelierbram/Base2Tone","owner":"atelierbram","description":"2 base hues - 32 variations \u003e 1 theme","archived":false,"fork":false,"pushed_at":"2024-07-30T14:43:52.000Z","size":2028,"stargazers_count":59,"open_issues_count":2,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-08-05T10:19:05.697Z","etag":null,"topics":["base2tone","color-scheme","duotone-themes","syntax-highlight","syntax-highlighting"],"latest_commit_sha":null,"homepage":"https://base2t.one","language":"HTML","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/atelierbram.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}},"created_at":"2016-02-25T08:30:50.000Z","updated_at":"2024-07-30T14:43:57.000Z","dependencies_parsed_at":"2022-10-31T19:45:29.682Z","dependency_job_id":null,"html_url":"https://github.com/atelierbram/Base2Tone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atelierbram%2FBase2Tone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atelierbram%2FBase2Tone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atelierbram%2FBase2Tone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atelierbram%2FBase2Tone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atelierbram","download_url":"https://codeload.github.com/atelierbram/Base2Tone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225565919,"owners_count":17489285,"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":["base2tone","color-scheme","duotone-themes","syntax-highlight","syntax-highlighting"],"created_at":"2024-08-04T10:01:39.696Z","updated_at":"2024-11-20T13:31:30.766Z","avatar_url":"https://github.com/atelierbram.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"![Base2Tone](https://base2t.one/assets/img/svg/logo-infini_896x176.svg \"Logo Base2Tone\")\n\n# [Base2Tone](https://base2t.one/)\n2 base hues - 32 color values \u003e 1 theme\n\n[Base2Tone](https://base2t.one/) is based on [DuoTone themes](http://simurai.com/projects/2016/01/01/duotone-themes) by [Simurai](http://simurai.com/) for Atom.\n\n\u003e “DuoTone themes use only 2 hues (7 shades in total). It __tones down__ less important parts (like punctuation and brackets) and highlights only the __important__ ones. This leads to a more calm color scheme, but still lets you find the stuff you're looking for.”\n\n## Applications\nThis repository is like an umbrella over these dedicated repositories for generating syntax-highlighting themes:\n\n- [CodeMirror](https://github.com/atelierbram/Base2Tone-codemirror)\n- [Gnome Terminal](https://github.com/llimllib/Base2Tone-gnome-terminal)\n- [Highlight.js](https://github.com/atelierbram/Base2Tone-highlight.js)\n- [HyperTerm](https://github.com/atelierbram/Base2Tone-hyperterm)\n- [iTerm2](https://github.com/atelierbram/Base2Tone-iterm2)\n- [Alacritty](https://github.com/atelierbram/Base2Tone-alacritty)\n- [Terminal – Mac Os X](https://github.com/atelierbram/Base2Tone-terminal)\n- [Markdown](https://github.com/atelierbram/Base2Tone-markdown)\n- [mate-terminal](https://github.com/llimllib/Base2Tone-mate)\n- [Prism](https://github.com/atelierbram/Base2Tone-prism)\n- [Sublime Text (and Textmate)](https://github.com/atelierbram/Base2Tone-sublime-text)\n- [Vim](https://github.com/atelierbram/Base2Tone-vim)\n- [Neovim](https://github.com/atelierbram/Base2Tone-nvim)\n- [Visual Studio Code](https://github.com/atelierbram/Base2Tone-VSCode-Themes)\n- [XRDB](https://github.com/atelierbram/Base2Tone-xrdb)\n\nFor Visual Studio Code Marketplace: [marketplace.visualstudio.com/items?itemName=Atelierbram.base2tone-vscode-themes](https://marketplace.visualstudio.com/items?itemName=Atelierbram.base2tone-vscode-themes)\n\n![Base2Tone](https://atelierbram.github.io/Base2Tone/assets/img/png/screenshot-prism_696x461.png \"Screenshot Code Highlighting of Base2Tone Pool theme for Prism\")\n\u003cbr/\u003e\nScreenshot Code Syntax Highlighting with Prism and Base2Tone-Pool theme\n\n### Dependencies\n Some customized commands from the latest fork of Base16 Builder can be found here in executable bash scripts (`cli` folder). Read more on this versatile and flexible \u003cabbr title=\"Command Line Interface\"\u003eCLI\u003c/abbr\u003e building tool [on the Github repo for Base16 Builder](https://github.com/base16-builder/base16-builder), and the many ways to use it from the command-line.\n\nBase16 Builder is available on NPM \u003csup\u003e1\u003c/sup\u003e, you can install it on your machine like so from the commandline:\n\n```bash\n$ npm install --global base16-builder\n```\n\n### Setup and Naming Convention\nEach repository follows the same naming convention for the naming of the folders, [taken from Base16-Builder](https://github.com/base16-builder/base16-builder); in the `db`-folder there is `templates` and `schemes`. The `templates` folder contain the templates for generating the output of the _themes_ for the specific application: `.ejs`-files (_often called `dark.ejs` and `light.ejs`_). The Base16-Builder templating engine is informed by the color-values from a `yml`-file in the `schemes` folder to generate this specific theme (_for this specific application_) from the command-line like:\n\n```bash\nbase16-builder --scheme \"../db/schemes/base2tone-desert.yml\" --template \"../db/templates/prism/prism.scss.ejs\" \u003e \"../output/prism/_prism-base2tone-desert.scss\"\n```\n\n### Create your own colorscheme.\nThis is the hard part; although the idea is to make color-schemes from just two color-hues, there is no easy way (_at least not on this repository_) to generate colorschemes from these two color-hues, (_because I don’t believe in an automated process that takes account of the peculiarities of the human eye, in connection to the perception of color_). It will always be a manual iterative process. My process is editing the demo-tile colors for [Base2Tone-prism](https://github.com/atelierbram/Base2Tone-prism), you can see those demo-tiles on top of the pages [over here](https://atelierbram.github.io/Base2Tone-prism/demo/evening/dark/). So what I do is edit the `sass` file for those demo-tiles (_I use `HSL` and then convert those values from the browser, or a tool like [HSL Color Picker](http://hslpicker.com/) to `HEX` values_), and then manually copy and paste the new color-values over into a new `schemes/my-new-colorscheme.yml`. After that generate the `prism-my-new-colorscheme.scss` and see how the syntax-highlighting turns out on that demo-page. There are 32 color-value variables to be defined, so it will require a dedicated effort to build your own Base2Tone colorscheme. But if you do succeed in this, you will have the blueprint for generating colorthemes for these applications (_see above , and for many more applications in the future_).\n\nAlternatively, to make this process a bit more easy going and straight forward, one can fork [this demo of Base2Tone-Prism on Codepen](http://codepen.io/atelierbram/pen/WrjVyv/).\n\nIn essence; one doesn't generate `yml` colorschemes, these are created, color-values manually copied over from a, for example, forked and adapted version of that demo on Codepen. (Tip: use the Developer Tools in your Browser to copy the HEX-color-values output from the rendered `css`). Base16-Builder’s commands are used for generating theme files for ... _anything really_, as long as you can make a template for this application.\n\n### Conversions\nThe light version of the Morning theme, and dark versions of Evening, Sea, Space, Earth and Forest were converted from [DuoTone Themes for Atom](http://simurai.com/projects/2016/01/01/duotone-themes) by [Simurai](http//simurai.com). Morning and Evening are the default Duotone Light and Duotone Dark schemes, but renamed here in order to have a consistent naming convention.\n\n### Credits\n- [Simurai](http//simurai.com) for creating [DuoTone Themes](http://simurai.com/projects/2016/01/01/duotone-themes): I am merely recreating/converting these themes for other applications, while also making some variations of my own.\n- [Chis Kempson](https://github.com/chriskempson) for creating [Base16 Builder](https://github.com/chriskempson/base16-builder)\n- [Alois](https://github.com/aloisdg) and [Alex Booker](https://github.com/bookercodes) for rejuvenating the best color-theme builder tool on the internet: [Base16 Builder](https://github.com/base16-builder/base16-builder)\n\n### License\nCopyright (c) 2016 [Bram de Haan](https://atelierbramdehaan.nl/)\n\nReleased under [MIT Licence](https://atelierbram.mit-license.org)\n\n---\n\n#### Infini Font\n[Infini](http://www.cnap.graphismeenfrance.fr/infini/en/), by [Sandrine Nugue](//www.sandrinenugue.com/), is the font being used [in the demo site](https://base2t.one). Infini is a public commission of the National Centre for Visual Arts on the occasion of “Graphisme en France 2014”. The type family is available for free under a [Creative Creative Commons Attribution-No Derivative Works 3.0 Unported](http://creativecommons.org/licenses/by-nd/3.0/)\n\n---\n\n1. Installing from NPM means you will also need to have Node.js installed; instructions can be found [here](https://docs.npmjs.com/getting-started/installing-node).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatelierbram%2FBase2Tone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatelierbram%2FBase2Tone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatelierbram%2FBase2Tone/lists"}