wiki/2020-11-05-17-21-58.org

:PROPERTIES:
:ID:       f5bd284c-04aa-453b-a7d7-32655776308d
:END:
#+title: Generate a color scheme based from a single color
#+date: "2020-11-05 17:21:58 +08:00"
#+date_modified: "2021-05-04 20:52:06 +08:00"
#+language: en


[[id:9d247d19-368e-44ea-893e-af3403c2682f][Generating human-friendly color schemes]] has always been a disaster (for me) to figure out especially with no cursory knowledge whatsoever on color theory.
So I've been thinking how to do such thing with the result that doesn't make gouge my eyes out.

Thus, for the solution, we'll include some opinionated things.

- Generate a color with the HSLuv color space since it is .
- The color palette is composed of 16 colors inspired on [[https://www.nordtheme.com/docs/colors-and-palettes][Nord's documented color scheme]].
  This easily provides a [[https://github.com/chriskempson/base16][Base16]] color scheme generator.
- If the given color is bright, it should create a light theme.

Here's the procedure for the color sections.

- For ~base00~, invert the lightness of the color by $\pm20$ (e.g., $20$ if it's dark, $80$ if it's bright).
- For ~base01~ to ~base07~, add the lightness by $\pm5$ to $\pm10$.
  You can make additional tweaks for all of the parameters (e.g., hue, saturation, lightness) of the color.
- On ~base08~ to ~base0F~, you can make a uniquely randomized color palette as long as it is recognizable (ideally with at least 3 colors).

What if we want to make changes to the generation process?
One way to do it is to separate the hardcoded process into a configuration.
From there, we can set various procedures such as the [[https://github.com/alexmirrington/base16-spectrum-generator][usual Base16 scheme]], [[https://terminal.sexy/][terminal.sexy]], or your own.

# TODO: Observe the hand-crafted custom color scheme
# TODO: Test if it's accurate or not
Migrate notes to org-roam v2 2021-05-04 16:07:40 +00:00			`:PROPERTIES:`
			`:ID: f5bd284c-04aa-453b-a7d7-32655776308d`
			`:END:`
Update the files for convention Apparently, the convention (at least starting from 2018) is to make the keywords and block names to be in lowercase as stated from one of the following discussions at https://orgmode.org/list/87tuuw3n15.fsf@nicolasgoaziou.fr/. The files was updated with a one liner of shell. However, this is Emacs and org-mode does have an API to let you do stuff in your config and interact with the documents internally so it is not an elegant solution in any way. 2021-04-01 16:08:15 +00:00			`#+title: Generate a color scheme based from a single color`
			`#+date: "2020-11-05 17:21:58 +08:00"`
Migrate notes to org-roam v2 2021-05-04 16:07:40 +00:00			`#+date_modified: "2021-05-04 20:52:06 +08:00"`
Update the files for convention Apparently, the convention (at least starting from 2018) is to make the keywords and block names to be in lowercase as stated from one of the following discussions at https://orgmode.org/list/87tuuw3n15.fsf@nicolasgoaziou.fr/. The files was updated with a one liner of shell. However, this is Emacs and org-mode does have an API to let you do stuff in your config and interact with the documents internally so it is not an elegant solution in any way. 2021-04-01 16:08:15 +00:00			`#+language: en`
Update the notes as of 2020-11-15 2020-11-14 21:13:01 +00:00

Migrate notes to org-roam v2 2021-05-04 16:07:40 +00:00			`[[id:9d247d19-368e-44ea-893e-af3403c2682f][Generating human-friendly color schemes]] has always been a disaster (for me) to figure out especially with no cursory knowledge whatsoever on color theory.`
Update the notes as of 2020-11-15 2020-11-14 21:13:01 +00:00			`So I've been thinking how to do such thing with the result that doesn't make gouge my eyes out.`

			`Thus, for the solution, we'll include some opinionated things.`

			`- Generate a color with the HSLuv color space since it is .`
			`- The color palette is composed of 16 colors inspired on [[https://www.nordtheme.com/docs/colors-and-palettes][Nord's documented color scheme]].`
			`This easily provides a [[https://github.com/chriskempson/base16][Base16]] color scheme generator.`
			`- If the given color is bright, it should create a light theme.`

			`Here's the procedure for the color sections.`

			`- For ~base00~, invert the lightness of the color by $\pm20$ (e.g., $20$ if it's dark, $80$ if it's bright).`
			`- For ~base01~ to ~base07~, add the lightness by $\pm5$ to $\pm10$.`
			`You can make additional tweaks for all of the parameters (e.g., hue, saturation, lightness) of the color.`
Update wiki as of 2020-12-14 2020-12-13 16:12:26 +00:00			`- On ~base08~ to ~base0F~, you can make a uniquely randomized color palette as long as it is recognizable (ideally with at least 3 colors).`
Update the notes as of 2020-11-15 2020-11-14 21:13:01 +00:00
			`What if we want to make changes to the generation process?`
			`One way to do it is to separate the hardcoded process into a configuration.`
			`From there, we can set various procedures such as the [[https://github.com/alexmirrington/base16-spectrum-generator][usual Base16 scheme]], [[https://terminal.sexy/][terminal.sexy]], or your own.`

			`# TODO: Observe the hand-crafted custom color scheme`
			`# TODO: Test if it's accurate or not`