Equivalent light theme? #1

New Issue

antrmn · 2024-11-08T19:13:14Z

antrmn commented

2024-11-08 19:13:14 +00:00

First of all, thank you for making such a great theme. It really looks good and the bitmaps are the cherry on top.

My only request is to have an equivalent light theme, as I mainly use the light theme (although I occasionally switch to dark mode). Would it be feasible?

Thanks in advance.

First of all, thank you for making such a great theme. It really looks good and the bitmaps are the cherry on top. My only request is to have an equivalent light theme, as I mainly use the light theme (although I occasionally switch to dark mode). Would it be feasible? Thanks in advance.

antrmn commented

2024-11-08 22:27:11 +00:00

These are the colors I have arranged for adapting a light theme:

       ;; Background colors
       ;; [True color | 256-compatible]
       (bg (if true-color-available-p "#ffffff" "white"))
       (bg-alt (if true-color-available-p "#fafafa" "gray98"))
       (bg-osd (if true-color-available-p "#ebebeb" "gray92"))
       (base-0 (if true-color-available-p "#fafafa" "gray98"))
       (base-1 (if true-color-available-p "#f9f9f9" "gray97"))
       (base-2 (if true-color-available-p "#f1f1f1" "gray94"))
       (base-3 (if true-color-available-p "#ededed" "gray93"))
       (base-4 (if true-color-available-p "#e2e2e2" "gray89"))
       (base-5 (if true-color-available-p "#c2c2c2" "gray76"))
       (base-6 (if true-color-available-p "#979797" "gray59"))
       (base-7 (if true-color-available-p "#7f7f7f" "gray50"))
       (base-8 (if true-color-available-p "#323232" "gray20"))

       
       ;; Foreground colors
       ;; [True color | 256-compatible]
       (fg (if true-color-available-p "#3b3b3b" "gray23"))
       (fg-alt (if true-color-available-p "#77767b" "gray47"))
       (fg-osd (if true-color-available-p "#2b2b2b" "gray17"))
       (gray (if true-color-available-p "#3d3846" "gray24"))
       (red (if true-color-available-p "#cd1f1e" "firebrick3"))
       (orange (if true-color-available-p "#e66100" "darkorange3"))
       (dark-orange (if true-color-available-p "#c64600" "orangered3"))
       (green (if true-color-available-p "#37805b" "seagreen"))
       (teal (if true-color-available-p "#2fa796" "lightseagreen"))
       (yellow (if true-color-available-p "#e5a50a" "darkgoldenrod2"))
       (blue (if true-color-available-p "#3584e4" "dodgerblue2"))
       (dark-blue (if true-color-available-p "#1a5fb4" "dodgerblue3"))
       (magenta (if true-color-available-p "#8d3e9b" "orchid4"))
       (pink (if true-color-available-p "#ae68b6" "mediumorchid3"))
       (violet (if true-color-available-p "#613583" "mediumpurple4"))
       (cyan (if true-color-available-p "#008B8B" "darkcyan")))

I've toyed a bit with the contrast ratios to make them as possible with the ones for the dark background, but I don't really know if they're correct. Also, for generating the equivalent emacs color (dodgerblue2, etc...) I've used this command. The foreground colors are pretty random, but the shades if gray for the background work well enough for me. This is absolutely not tested and I don't know how good it actually performs, but I just wanted to share it in case it may be of any use as a baseline.

These are the colors I have arranged for adapting a light theme: ``` ;; Background colors ;; [True color | 256-compatible] (bg (if true-color-available-p "#ffffff" "white")) (bg-alt (if true-color-available-p "#fafafa" "gray98")) (bg-osd (if true-color-available-p "#ebebeb" "gray92")) (base-0 (if true-color-available-p "#fafafa" "gray98")) (base-1 (if true-color-available-p "#f9f9f9" "gray97")) (base-2 (if true-color-available-p "#f1f1f1" "gray94")) (base-3 (if true-color-available-p "#ededed" "gray93")) (base-4 (if true-color-available-p "#e2e2e2" "gray89")) (base-5 (if true-color-available-p "#c2c2c2" "gray76")) (base-6 (if true-color-available-p "#979797" "gray59")) (base-7 (if true-color-available-p "#7f7f7f" "gray50")) (base-8 (if true-color-available-p "#323232" "gray20")) ;; Foreground colors ;; [True color | 256-compatible] (fg (if true-color-available-p "#3b3b3b" "gray23")) (fg-alt (if true-color-available-p "#77767b" "gray47")) (fg-osd (if true-color-available-p "#2b2b2b" "gray17")) (gray (if true-color-available-p "#3d3846" "gray24")) (red (if true-color-available-p "#cd1f1e" "firebrick3")) (orange (if true-color-available-p "#e66100" "darkorange3")) (dark-orange (if true-color-available-p "#c64600" "orangered3")) (green (if true-color-available-p "#37805b" "seagreen")) (teal (if true-color-available-p "#2fa796" "lightseagreen")) (yellow (if true-color-available-p "#e5a50a" "darkgoldenrod2")) (blue (if true-color-available-p "#3584e4" "dodgerblue2")) (dark-blue (if true-color-available-p "#1a5fb4" "dodgerblue3")) (magenta (if true-color-available-p "#8d3e9b" "orchid4")) (pink (if true-color-available-p "#ae68b6" "mediumorchid3")) (violet (if true-color-available-p "#613583" "mediumpurple4")) (cyan (if true-color-available-p "#008B8B" "darkcyan"))) ``` I've toyed a bit with the contrast ratios to make them as possible with the ones for the dark background, but I don't really know if they're correct. Also, for generating the equivalent emacs color (dodgerblue2, etc...) I've used [this command](https://www.masteringemacs.org/article/find-nearest-colors-emacs-24). The foreground colors are pretty random, but the shades if gray for the background work well enough for me. This is absolutely not tested and I don't know how good it actually performs, but I just wanted to share it in case it may be of any use as a baseline.

Sign in to join this conversation.

No Label

No Milestone

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: jessieh/adwaita-dark-theme#1