[elpa] externals/ef-themes a6664144cc 180/281: Add document with contrast ratios

[ELPA Syncer]

branch: externals/ef-themes
commit a6664144cc31aaefb40bfe98f8f21e64d5411e53
Author: Protesilaos Stavrou <info@protesilaos.com>
Commit: Protesilaos Stavrou <info@protesilaos.com>

    Add document with contrast ratios
---
 contrast-ratios.org | 250 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 250 insertions(+)

diff --git a/contrast-ratios.org b/contrast-ratios.org
new file mode 100644
index 0000000000..f62a3ac020
--- /dev/null
+++ b/contrast-ratios.org
@@ -0,0 +1,250 @@
+#+title: Ef themes: contrast ratios of the main colours
+#+author: Protesilaos Stavrou (https://protesilaos.com)
+#+startup: content indent
+
+Check this files Git history for updates.
+
+Evaluate these snippets, otherwise the tables will not work.  Then
+update a table by typing =C-c C-c= with point at the =#+TBLFM:= line.
+
+#+begin_src emacs-lisp
+;; Copied from my `modus-thmes'.
+
+;; This is the WCAG formula to measure relative luminance:
+;; <https://www.w3.org/TR/WCAG20-TECHS/G18.html>.
+(defun modus-themes-wcag-formula (hex)
+  "Get WCAG value of color value HEX.
+The value is defined in hexadecimal RGB notation, such as those in
+`modus-themes-operandi-colors' and `modus-themes-vivendi-colors'."
+  (cl-loop for k in '(0.2126 0.7152 0.0722)
+           for x in (color-name-to-rgb hex)
+           sum (* k (if (<= x 0.03928)
+                        (/ x 12.92)
+                      (expt (/ (+ x 0.055) 1.055) 2.4)))))
+
+;;;###autoload
+(defun modus-themes-contrast (c1 c2)
+  "Measure WCAG contrast ratio between C1 and C2.
+C1 and C2 are color values written in hexadecimal RGB."
+  (let ((ct (/ (+ (modus-themes-wcag-formula c1) 0.05)
+               (+ (modus-themes-wcag-formula c2) 0.05))))
+    (max ct (/ ct))))
+
+(defalias #'Λ #'modus-themes-contrast)
+#+end_src
+
+* ef-autumn
+:PROPERTIES:
+:CUSTOM_ID: h:17149328-8ce1-40ad-a013-d47a88cb6456
+:END:
+
+| Name           |         | #0f0e06 | #1f1b19 | #36322f |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #cfbcba |   10.64 |    9.40 |    6.99 |
+| fg-dim         | #887c8a |    4.88 |    4.31 |    3.20 |
+| fg-alt         | #70a89f |    7.18 |    6.34 |    4.71 |
+| red            | #ef656a |    6.21 |    5.48 |    4.07 |
+| red-warmer     | #f26f25 |    6.52 |    5.76 |    4.28 |
+| red-cooler     | #f07f7f |    7.41 |    6.55 |    4.86 |
+| red-faint      | #d08f72 |    7.23 |    6.39 |    4.75 |
+| green          | #2fa526 |    6.02 |    5.31 |    3.95 |
+| green-warmer   | #64aa0f |    6.72 |    5.94 |    4.41 |
+| green-cooler   | #00b672 |    7.31 |    6.46 |    4.80 |
+| green-faint    | #61ab78 |    7.00 |    6.19 |    4.60 |
+| yellow         | #c48502 |    6.17 |    5.45 |    4.05 |
+| yellow-warmer  | #e0832f |    6.87 |    6.07 |    4.51 |
+| yellow-cooler  | #df8f6f |    7.64 |    6.75 |    5.02 |
+| yellow-faint   | #cf9f7f |    8.21 |    7.26 |    5.39 |
+| blue           | #379cf6 |    6.68 |    5.90 |    4.38 |
+| blue-warmer    | #6a88ff |    6.06 |    5.35 |    3.98 |
+| blue-cooler    | #029fff |    6.82 |    6.03 |    4.48 |
+| blue-faint     | #7a94df |    6.57 |    5.80 |    4.31 |
+| magenta        | #d570af |    6.23 |    5.50 |    4.09 |
+| magenta-warmer | #e580ea |    7.93 |    7.00 |    5.20 |
+| magenta-cooler | #af8aff |    7.28 |    6.43 |    4.78 |
+| magenta-faint  | #c590af |    7.35 |    6.49 |    4.83 |
+| cyan           | #4fb0cf |    7.78 |    6.87 |    5.10 |
+| cyan-warmer    | #6fafff |    8.52 |    7.53 |    5.59 |
+| cyan-cooler    | #3dbbb0 |    8.23 |    7.27 |    5.40 |
+| cyan-faint     | #92b4df |    9.04 |    7.99 |    5.93 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @1$4);%.2f :: $5='(Λ $2 @1$5);%.2f
+
+* ef-day
+:PROPERTIES:
+:CUSTOM_ID: h:3146bf01-7f75-4e26-bd68-feeb268cf7ff
+:END:
+
+| Name           |         | #fff5ea | #f5eddf | #e9e0d8 |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #624a4a |    7.51 |    6.95 |    6.20 |
+| fg-dim         | #736d8f |    4.52 |    4.19 |    3.74 |
+| fg-alt         | #7f6f4a |    4.56 |    4.22 |    3.77 |
+| red            | #c42d2f |    5.18 |    4.80 |    4.28 |
+| red-warmer     | #d03003 |    4.75 |    4.40 |    3.93 |
+| red-cooler     | #cf2f4f |    4.67 |    4.33 |    3.86 |
+| red-faint      | #b05350 |    4.64 |    4.30 |    3.84 |
+| green          | #217a3c |    4.98 |    4.61 |    4.12 |
+| green-warmer   | #4a7d00 |    4.62 |    4.28 |    3.82 |
+| green-cooler   | #007f68 |    4.60 |    4.26 |    3.81 |
+| green-faint    | #61756c |    4.57 |    4.23 |    3.78 |
+| yellow         | #a45f22 |    4.60 |    4.26 |    3.80 |
+| yellow-warmer  | #b6540f |    4.57 |    4.24 |    3.78 |
+| yellow-cooler  | #ae5a30 |    4.53 |    4.20 |    3.74 |
+| yellow-faint   | #a05f5a |    4.56 |    4.22 |    3.77 |
+| blue           | #375cc6 |    5.56 |    5.15 |    4.59 |
+| blue-warmer    | #5f5fdf |    4.66 |    4.31 |    3.85 |
+| blue-cooler    | #265fbf |    5.62 |    5.20 |    4.64 |
+| blue-faint     | #6a65bf |    4.61 |    4.27 |    3.81 |
+| magenta        | #d5206f |    4.57 |    4.23 |    3.78 |
+| magenta-warmer | #cb26a0 |    4.51 |    4.18 |    3.73 |
+| magenta-cooler | #9435b4 |    5.69 |    5.27 |    4.70 |
+| magenta-faint  | #a04450 |    5.67 |    5.25 |    4.69 |
+| cyan           | #1f6fbf |    4.77 |    4.42 |    3.95 |
+| cyan-warmer    | #3f6faf |    4.75 |    4.40 |    3.93 |
+| cyan-cooler    | #0f7b8f |    4.59 |    4.25 |    3.79 |
+| cyan-faint     | #5f60bf |    4.98 |    4.62 |    4.12 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @1$4);%.2f :: $5='(Λ $2 @1$5);%.2f
+
+* ef-night
+:PROPERTIES:
+:CUSTOM_ID: h:cc74fbff-d0da-4fef-a83a-8e92d27738b9
+:END:
+
+| Name           |         | #000e17 | #0f1b29 | #1a2a2f |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #afbcbf |   10.02 |    8.91 |    7.60 |
+| fg-dim         | #70857f |    4.98 |    4.43 |    3.78 |
+| fg-alt         | #70a89f |    7.25 |    6.44 |    5.50 |
+| red            | #ef656a |    6.27 |    5.57 |    4.76 |
+| red-warmer     | #f47360 |    6.95 |    6.18 |    5.27 |
+| red-cooler     | #ef798f |    7.26 |    6.45 |    5.51 |
+| red-faint      | #d56f72 |    5.90 |    5.25 |    4.48 |
+| green          | #1fa526 |    6.02 |    5.35 |    4.57 |
+| green-warmer   | #50a22f |    6.09 |    5.42 |    4.63 |
+| green-cooler   | #00b672 |    7.38 |    6.56 |    5.60 |
+| green-faint    | #61a06c |    6.28 |    5.59 |    4.77 |
+| yellow         | #c48502 |    6.23 |    5.54 |    4.73 |
+| yellow-warmer  | #e6832f |    7.12 |    6.33 |    5.40 |
+| yellow-cooler  | #df8f6f |    7.72 |    6.86 |    5.86 |
+| yellow-faint   | #cf9f7f |    8.30 |    7.38 |    6.30 |
+| blue           | #379cf6 |    6.74 |    6.00 |    5.12 |
+| blue-warmer    | #6a88ff |    6.12 |    5.44 |    4.65 |
+| blue-cooler    | #029fff |    6.89 |    6.13 |    5.23 |
+| blue-faint     | #7a94df |    6.63 |    5.90 |    5.03 |
+| magenta        | #d570af |    6.29 |    5.60 |    4.78 |
+| magenta-warmer | #e580ea |    8.01 |    7.12 |    6.08 |
+| magenta-cooler | #af8aff |    7.35 |    6.54 |    5.58 |
+| magenta-faint  | #c59faf |    8.33 |    7.40 |    6.32 |
+| cyan           | #4fb0cf |    7.85 |    6.98 |    5.96 |
+| cyan-warmer    | #6fafff |    8.60 |    7.65 |    6.53 |
+| cyan-cooler    | #3dc0b0 |    8.71 |    7.75 |    6.61 |
+| cyan-faint     | #92b4df |    9.13 |    8.12 |    6.93 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @1$4);%.2f :: $5='(Λ $2 @1$5);%.2f
+
+* ef-spring
+:PROPERTIES:
+:CUSTOM_ID: h:f8eea1d3-359a-4ab6-9c5c-c54ebe896b43
+:END:
+
+| Name           |         | #f6fff9 | #e8f0f0 | #e0e6e3 |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #3f4946 |    9.14 |    2.25 |    2.25 |
+| fg-dim         | #7f6f8a |    4.53 |    4.54 |    4.54 |
+| fg-alt         | #8d6e6a |    4.50 |    4.57 |    4.57 |
+| red            | #c42d2f |    5.47 |    3.76 |    3.76 |
+| red-warmer     | #d03003 |    5.01 |    4.11 |    4.11 |
+| red-cooler     | #cf2f4f |    4.93 |    4.17 |    4.17 |
+| red-faint      | #b64850 |    5.11 |    4.03 |    4.03 |
+| green          | #14872f |    4.54 |    4.54 |    4.54 |
+| green-warmer   | #4a7d00 |    4.87 |    4.22 |    4.22 |
+| green-cooler   | #007f68 |    4.86 |    4.24 |    4.24 |
+| green-faint    | #61756c |    4.82 |    4.27 |    4.27 |
+| yellow         | #a45f22 |    4.86 |    4.24 |    4.24 |
+| yellow-warmer  | #b6540f |    4.83 |    4.26 |    4.26 |
+| yellow-cooler  | #ae5a30 |    4.78 |    4.30 |    4.30 |
+| yellow-faint   | #876450 |    5.19 |    3.97 |    3.97 |
+| blue           | #375cc6 |    5.87 |    3.51 |    3.51 |
+| blue-warmer    | #5f5fdf |    4.92 |    4.19 |    4.19 |
+| blue-cooler    | #265fbf |    5.93 |    3.47 |    3.47 |
+| blue-faint     | #6a65bf |    4.87 |    4.23 |    4.23 |
+| magenta        | #d5206f |    4.83 |    4.27 |    4.27 |
+| magenta-warmer | #cb26a0 |    4.76 |    4.32 |    4.32 |
+| magenta-cooler | #9435b4 |    6.01 |    3.43 |    3.43 |
+| magenta-faint  | #a04450 |    5.99 |    3.44 |    3.44 |
+| cyan           | #1f6fbf |    5.04 |    4.08 |    4.08 |
+| cyan-warmer    | #3f6faf |    5.02 |    4.10 |    4.10 |
+| cyan-cooler    | #0f7b8f |    4.84 |    4.25 |    4.25 |
+| cyan-faint     | #5f60bf |    5.26 |    3.91 |    3.91 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @2$4);%.2f :: $5='(Λ $2 @2$5);%.2f
+
+* ef-summer
+:PROPERTIES:
+:CUSTOM_ID: h:11cc99c5-435d-4928-9fe1-1b4763cd47ff
+:END:
+
+| Name           |         | #fff2f3 | #fbe3ef | #efd0e4 |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #5f3f8f |    7.42 |    6.68 |    5.71 |
+| fg-dim         | #8a657f |    4.53 |    4.08 |    3.49 |
+| fg-alt         | #af506f |    4.58 |    4.13 |    3.53 |
+| red            | #d3303a |    4.52 |    4.08 |    3.48 |
+| red-warmer     | #e00033 |    4.56 |    4.11 |    3.51 |
+| red-cooler     | #d50f7f |    4.58 |    4.12 |    3.52 |
+| red-faint      | #c24552 |    4.51 |    4.06 |    3.47 |
+| green          | #217a3c |    4.92 |    4.43 |    3.78 |
+| green-warmer   | #4a7d00 |    4.56 |    4.10 |    3.51 |
+| green-cooler   | #007f68 |    4.54 |    4.09 |    3.50 |
+| green-faint    | #61756c |    4.51 |    4.06 |    3.47 |
+| yellow         | #a45f22 |    4.54 |    4.09 |    3.49 |
+| yellow-warmer  | #b6532f |    4.51 |    4.06 |    3.47 |
+| yellow-cooler  | #b65050 |    4.53 |    4.08 |    3.48 |
+| yellow-faint   | #9a5f6a |    4.56 |    4.11 |    3.51 |
+| blue           | #375ce6 |    5.02 |    4.52 |    3.86 |
+| blue-warmer    | #5250ef |    5.13 |    4.62 |    3.95 |
+| blue-cooler    | #065fff |    4.71 |    4.24 |    3.62 |
+| blue-faint     | #6060d0 |    4.72 |    4.25 |    3.63 |
+| magenta        | #ba35af |    4.57 |    4.11 |    3.51 |
+| magenta-warmer | #cb1aaa |    4.51 |    4.06 |    3.47 |
+| magenta-cooler | #7450df |    4.87 |    4.38 |    3.74 |
+| magenta-faint  | #bf3580 |    4.77 |    4.30 |    3.67 |
+| cyan           | #1f6fbf |    4.71 |    4.24 |    3.63 |
+| cyan-warmer    | #3f6faf |    4.69 |    4.22 |    3.61 |
+| cyan-cooler    | #0f7b8f |    4.53 |    4.08 |    3.49 |
+| cyan-faint     | #5f60bf |    4.92 |    4.43 |    3.79 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @1$4);%.2f :: $5='(Λ $2 @1$5);%.2f
+
+* ef-winter
+:PROPERTIES:
+:CUSTOM_ID: h:be3bb946-642a-4ab5-80c3-86cb754b9771
+:END:
+
+| Name           |         | #0f0b15 | #221a2f | #252544 |
+|----------------+---------+---------+---------+---------|
+| fg-main        | #b8c6d5 |   11.19 |    9.61 |    8.46 |
+| fg-dim         | #807c9f |    4.91 |    4.22 |    3.72 |
+| fg-alt         | #b0889f |    6.37 |    5.46 |    4.81 |
+| red            | #ef6560 |    6.21 |    5.33 |    4.70 |
+| red-warmer     | #f47360 |    6.92 |    5.94 |    5.23 |
+| red-cooler     | #ff5a7a |    6.48 |    5.57 |    4.90 |
+| red-faint      | #d56f72 |    5.88 |    5.05 |    4.45 |
+| green          | #0faa26 |    6.30 |    5.41 |    4.76 |
+| green-warmer   | #6aad0f |    7.04 |    6.04 |    5.32 |
+| green-cooler   | #00a692 |    6.37 |    5.47 |    4.81 |
+| green-faint    | #61a06c |    6.26 |    5.37 |    4.73 |
+| yellow         | #c48032 |    6.01 |    5.16 |    4.54 |
+| yellow-warmer  | #d1843f |    6.56 |    5.64 |    4.96 |
+| yellow-cooler  | #df8f5a |    7.61 |    6.54 |    5.76 |
+| yellow-faint   | #cf9f8f |    8.35 |    7.17 |    6.31 |
+| blue           | #3f95f6 |    6.34 |    5.44 |    4.79 |
+| blue-warmer    | #6a9fff |    7.43 |    6.38 |    5.62 |
+| blue-cooler    | #029fff |    6.86 |    5.89 |    5.19 |
+| blue-faint     | #7a94df |    6.61 |    5.67 |    5.00 |
+| magenta        | #d369af |    5.94 |    5.10 |    4.49 |
+| magenta-warmer | #e580ea |    7.98 |    6.85 |    6.03 |
+| magenta-cooler | #af85ff |    7.06 |    6.06 |    5.34 |
+| magenta-faint  | #c57faf |    6.51 |    5.59 |    4.93 |
+| cyan           | #4fbaef |    8.90 |    7.64 |    6.73 |
+| cyan-warmer    | #6fafff |    8.57 |    7.36 |    6.48 |
+| cyan-cooler    | #1dbfcf |    8.72 |    7.48 |    6.59 |
+| cyan-faint     | #8aa0df |    7.58 |    6.50 |    5.73 |
+#+TBLFM: $3='(Λ $2 @1$3);%.2f :: $4='(Λ $2 @1$4);%.2f :: $5='(Λ $2 @1$5);%.2f