| 🛟 Updated. 28d5985 k33g 17h ago | 1 | name = "Monochrome Light" |
| 2 | description = "Greys only on paper, telling code apart by weight rather than by hue. A light theme." |
| 3 | |
| 4 | # Monochrome Dark's other polarity. There is no colour here either, so weight |
| 5 | # and slant do the work hue does elsewhere — and the scale runs the other way: |
| 6 | # on paper the *darkest* grey is the loudest, where on a dark ground it is the |
| 7 | # lightest. |
| 8 | # |
| 9 | # The ordering of the syntax classes is the same as the dark theme's, class for |
| 10 | # class. What is not the same is the range. sRGB luminance is not symmetric |
| 11 | # about the middle grey, so a mirror of the dark theme's values reads far worse |
| 12 | # on paper than the original does on ink: #808080, the dark theme's comment, |
| 13 | # comes to 4.74:1 against #121212 and only 3.40:1 against this page. The whole |
| 14 | # reading scale is therefore compressed into #626262…#000000, which is what a |
| 15 | # light ground actually affords. |
| 16 | inherits = "turbo-classic" |
| 17 | |
| 18 | [colors] |
| 19 | default = { fg = "#4e4e4e", bg = "#eeeeee" } |
| 20 | |
| 21 | desktop = { fg = "#b2b2b2", bg = "#c6c6c6" } |
| 22 | shadow = { fg = "#9e9e9e", bg = "#b2b2b2" } |
| 23 | |
| 24 | "menu.bar" = { fg = "#303030", bg = "#d0d0d0" } |
| 25 | "menu.item" = { fg = "#303030", bg = "#d0d0d0" } |
| 26 | "menu.selected" = { fg = "#eeeeee", bg = "#303030" } |
| 27 | "menu.shortcut" = { fg = "#000000", bg = "#d0d0d0", bold = true } |
| 28 | "menu.disabled" = { fg = "#949494", bg = "#d0d0d0" } |
| 29 | |
| 30 | "window.frame.active" = { fg = "#303030", bg = "#eeeeee" } |
| 31 | "window.frame.inactive" = { fg = "#a8a8a8", bg = "#eeeeee" } |
| 32 | "window.title.active" = { fg = "#000000", bg = "#eeeeee", bold = true } |
| 33 | "window.title.inactive" = { fg = "#767676", bg = "#eeeeee" } |
| 34 | "window.body" = { fg = "#4e4e4e", bg = "#eeeeee" } |
| 35 | |
| 36 | statusbar = { fg = "#303030", bg = "#d0d0d0" } |
| 37 | "statusbar.key" = { fg = "#000000", bg = "#d0d0d0", bold = true } |
| 38 | "statusbar.hint" = { fg = "#767676", bg = "#d0d0d0" } |
| 39 | |
| 40 | scrollbar = { fg = "#c6c6c6", bg = "#dadada" } |
| 41 | "scrollbar.thumb" = { fg = "#4e4e4e", bg = "#dadada" } |
| 42 | |
| 43 | "dialog.frame" = { fg = "#303030", bg = "#d0d0d0" } |
| 44 | "dialog.body" = { fg = "#303030", bg = "#d0d0d0" } |
| 45 | "dialog.title" = { fg = "#000000", bg = "#d0d0d0", bold = true } |
| 46 | "dialog.label" = { fg = "#303030", bg = "#d0d0d0" } |
| 47 | |
| 48 | button = { fg = "#eeeeee", bg = "#4e4e4e" } |
| 49 | "button.focused" = { fg = "#eeeeee", bg = "#000000", bold = true } |
| 50 | "button.shortcut" = { fg = "#ffffff", bg = "#4e4e4e", bold = true, underline = true } |
| 51 | |
| 52 | input = { fg = "#1c1c1c", bg = "#c6c6c6" } |
| 53 | "input.focused" = { fg = "#000000", bg = "#b2b2b2" } |
| 54 | "input.selection" = { fg = "#eeeeee", bg = "#303030" } |
| 55 | |
| 56 | list = { fg = "#303030", bg = "#d0d0d0" } |
| 57 | "list.selected" = { fg = "#eeeeee", bg = "#303030" } |
| 58 | "list.unfocused" = { fg = "#767676", bg = "#d0d0d0" } |
| 59 | |
| 60 | checkbox = { fg = "#303030", bg = "#d0d0d0" } |
| 61 | "checkbox.focused" = { fg = "#eeeeee", bg = "#303030" } |
| 62 | |
| 63 | "editor.text" = { fg = "#4e4e4e", bg = "#eeeeee" } |
| 64 | "editor.selection" = { fg = "#eeeeee", bg = "#626262" } |
| 65 | "editor.linenumber" = { fg = "#a8a8a8", bg = "#eeeeee" } |
| 66 | "editor.currentline" = { fg = "#1c1c1c", bg = "#dadada" } |
| 67 | # Black on paper, rather than paper on black: a cursor that merely reversed the |
| 68 | # current line would be inverted straight back into invisibility by a terminal |
| 69 | # that draws its own cursor by inverting the cell. |
| 70 | "editor.cursor" = { fg = "#eeeeee", bg = "#000000" } |
| 71 | |
| 72 | "terminal.text" = { fg = "#303030", bg = "#ffffff" } |
| 73 | "terminal.cursor" = { fg = "#ffffff", bg = "#000000" } |
| 74 | |
| 75 | "tree.text" = { fg = "#4e4e4e", bg = "#eeeeee" } |
| 76 | "tree.directory" = { fg = "#000000", bg = "#eeeeee", bold = true } |
| 77 | "tree.selected" = { fg = "#eeeeee", bg = "#303030" } |
| 78 | "tree.unfocused" = { fg = "#4e4e4e", bg = "#c6c6c6" } |
| 79 | |
| 80 | # The same ordering as the dark theme, read the other way up: keywords are the |
| 81 | # darkest thing on the page and bold, comments the lightest and italic, and a |
| 82 | # link is the body colour with nothing but an underline to give it away — which |
| 83 | # is what a link is. |
| 84 | "syntax.identifier" = { fg = "#3a3a3a" } |
| 85 | "syntax.keyword" = { fg = "#000000", bold = true } |
| 86 | "syntax.type" = { fg = "#303030" } |
| 87 | "syntax.builtin" = { fg = "#303030", bold = true } |
| 88 | "syntax.constant" = { fg = "#262626" } |
| 89 | "syntax.function" = { fg = "#1c1c1c", bold = true } |
| 90 | "syntax.string" = { fg = "#4e4e4e" } |
| 91 | "syntax.char" = { fg = "#4e4e4e" } |
| 92 | "syntax.number" = { fg = "#262626" } |
| 93 | # The quietest colour here, and the one the contrast rule pins. #767676 would |
| 94 | # look right beside the rest of this scale and reads at 3.91:1; this is 5.26:1. |
| 95 | "syntax.comment" = { fg = "#626262", italic = true } |
| 96 | "syntax.operator" = { fg = "#444444" } |
| 97 | "syntax.punctuation" = { fg = "#585858" } |
| 98 | "syntax.heading" = { fg = "#000000", bold = true, underline = true } |
| 99 | "syntax.tag" = { fg = "#303030", bold = true } |
| 100 | "syntax.attribute" = { fg = "#6c6c6c", italic = true } |
| 101 | "syntax.emphasis" = { fg = "#1c1c1c", bold = true } |
| 102 | "syntax.link" = { fg = "#3a3a3a", underline = true } |
| 103 | |
| 104 | "completion.frame" = { fg = "#303030", bg = "#d0d0d0" } |
| 105 | "completion.item" = { fg = "#303030", bg = "#d0d0d0" } |
| 106 | "completion.selected" = { fg = "#eeeeee", bg = "#303030", bold = true } |
| 107 | "completion.detail" = { fg = "#767676", bg = "#d0d0d0" } |
| 108 | |
| 109 | "diagnostic.error" = { fg = "#000000", bold = true, underline = true } |
| 110 | "diagnostic.warning" = { fg = "#1c1c1c", bold = true } |
| 111 | "diagnostic.info" = { fg = "#4e4e4e", italic = true } |