1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111

name = "Monochrome Light"
description = "Greys only on paper, telling code apart by weight rather than by hue. A light theme."

# Monochrome Dark's other polarity. There is no colour here either, so weight
# and slant do the work hue does elsewhere — and the scale runs the other way:
# on paper the *darkest* grey is the loudest, where on a dark ground it is the
# lightest.
#
# The ordering of the syntax classes is the same as the dark theme's, class for
# class. What is not the same is the range. sRGB luminance is not symmetric
# about the middle grey, so a mirror of the dark theme's values reads far worse
# on paper than the original does on ink: #808080, the dark theme's comment,
# comes to 4.74:1 against #121212 and only 3.40:1 against this page. The whole
# reading scale is therefore compressed into #626262…#000000, which is what a
# light ground actually affords.
inherits = "turbo-classic"

[colors]
default = { fg = "#4e4e4e", bg = "#eeeeee" }

desktop = { fg = "#b2b2b2", bg = "#c6c6c6" }
shadow = { fg = "#9e9e9e", bg = "#b2b2b2" }

"menu.bar" = { fg = "#303030", bg = "#d0d0d0" }
"menu.item" = { fg = "#303030", bg = "#d0d0d0" }
"menu.selected" = { fg = "#eeeeee", bg = "#303030" }
"menu.shortcut" = { fg = "#000000", bg = "#d0d0d0", bold = true }
"menu.disabled" = { fg = "#949494", bg = "#d0d0d0" }

"window.frame.active" = { fg = "#303030", bg = "#eeeeee" }
"window.frame.inactive" = { fg = "#a8a8a8", bg = "#eeeeee" }
"window.title.active" = { fg = "#000000", bg = "#eeeeee", bold = true }
"window.title.inactive" = { fg = "#767676", bg = "#eeeeee" }
"window.body" = { fg = "#4e4e4e", bg = "#eeeeee" }

statusbar = { fg = "#303030", bg = "#d0d0d0" }
"statusbar.key" = { fg = "#000000", bg = "#d0d0d0", bold = true }
"statusbar.hint" = { fg = "#767676", bg = "#d0d0d0" }

scrollbar = { fg = "#c6c6c6", bg = "#dadada" }
"scrollbar.thumb" = { fg = "#4e4e4e", bg = "#dadada" }

"dialog.frame" = { fg = "#303030", bg = "#d0d0d0" }
"dialog.body" = { fg = "#303030", bg = "#d0d0d0" }
"dialog.title" = { fg = "#000000", bg = "#d0d0d0", bold = true }
"dialog.label" = { fg = "#303030", bg = "#d0d0d0" }

button = { fg = "#eeeeee", bg = "#4e4e4e" }
"button.focused" = { fg = "#eeeeee", bg = "#000000", bold = true }
"button.shortcut" = { fg = "#ffffff", bg = "#4e4e4e", bold = true, underline = true }

input = { fg = "#1c1c1c", bg = "#c6c6c6" }
"input.focused" = { fg = "#000000", bg = "#b2b2b2" }
"input.selection" = { fg = "#eeeeee", bg = "#303030" }

list = { fg = "#303030", bg = "#d0d0d0" }
"list.selected" = { fg = "#eeeeee", bg = "#303030" }
"list.unfocused" = { fg = "#767676", bg = "#d0d0d0" }

checkbox = { fg = "#303030", bg = "#d0d0d0" }
"checkbox.focused" = { fg = "#eeeeee", bg = "#303030" }

"editor.text" = { fg = "#4e4e4e", bg = "#eeeeee" }
"editor.selection" = { fg = "#eeeeee", bg = "#626262" }
"editor.linenumber" = { fg = "#a8a8a8", bg = "#eeeeee" }
"editor.currentline" = { fg = "#1c1c1c", bg = "#dadada" }
# Black on paper, rather than paper on black: a cursor that merely reversed the
# current line would be inverted straight back into invisibility by a terminal
# that draws its own cursor by inverting the cell.
"editor.cursor" = { fg = "#eeeeee", bg = "#000000" }

"terminal.text" = { fg = "#303030", bg = "#ffffff" }
"terminal.cursor" = { fg = "#ffffff", bg = "#000000" }

"tree.text" = { fg = "#4e4e4e", bg = "#eeeeee" }
"tree.directory" = { fg = "#000000", bg = "#eeeeee", bold = true }
"tree.selected" = { fg = "#eeeeee", bg = "#303030" }
"tree.unfocused" = { fg = "#4e4e4e", bg = "#c6c6c6" }

# The same ordering as the dark theme, read the other way up: keywords are the
# darkest thing on the page and bold, comments the lightest and italic, and a
# link is the body colour with nothing but an underline to give it away — which
# is what a link is.
"syntax.identifier" = { fg = "#3a3a3a" }
"syntax.keyword" = { fg = "#000000", bold = true }
"syntax.type" = { fg = "#303030" }
"syntax.builtin" = { fg = "#303030", bold = true }
"syntax.constant" = { fg = "#262626" }
"syntax.function" = { fg = "#1c1c1c", bold = true }
"syntax.string" = { fg = "#4e4e4e" }
"syntax.char" = { fg = "#4e4e4e" }
"syntax.number" = { fg = "#262626" }
# The quietest colour here, and the one the contrast rule pins. #767676 would
# look right beside the rest of this scale and reads at 3.91:1; this is 5.26:1.
"syntax.comment" = { fg = "#626262", italic = true }
"syntax.operator" = { fg = "#444444" }
"syntax.punctuation" = { fg = "#585858" }
"syntax.heading" = { fg = "#000000", bold = true, underline = true }
"syntax.tag" = { fg = "#303030", bold = true }
"syntax.attribute" = { fg = "#6c6c6c", italic = true }
"syntax.emphasis" = { fg = "#1c1c1c", bold = true }
"syntax.link" = { fg = "#3a3a3a", underline = true }

"completion.frame" = { fg = "#303030", bg = "#d0d0d0" }
"completion.item" = { fg = "#303030", bg = "#d0d0d0" }
"completion.selected" = { fg = "#eeeeee", bg = "#303030", bold = true }
"completion.detail" = { fg = "#767676", bg = "#d0d0d0" }

"diagnostic.error" = { fg = "#000000", bold = true, underline = true }
"diagnostic.warning" = { fg = "#1c1c1c", bold = true }
"diagnostic.info" = { fg = "#4e4e4e", italic = true }