opaline 0.4.1

A token-based theme engine for Rust applications
Documentation 
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
112
113
114
115

# GitHub Light — GitHub's clean light theme
# https://github.com/primer/github-vscode-theme

[meta]
name = "GitHub Light"
author = "Primer"
variant = "light"
version = "1.0"
description = "GitHub's clean light default theme"

[palette]
# Canvas / backgrounds
canvas_default = "#ffffff"
canvas_overlay = "#ffffff"
canvas_inset = "#f6f8fa"
canvas_subtle = "#f6f8fa"

# Foreground
fg_default = "#1f2328"
fg_muted = "#656d76"
fg_subtle = "#6e7781"
fg_on_emphasis = "#ffffff"

# Border
border_default = "#d0d7de"
border_muted = "#d0d7de"

# Scale colors
blue4 = "#218bff"
blue5 = "#0969da"
blue6 = "#0550ae"
blue8 = "#0a3069"
green4 = "#2da44e"
green5 = "#1a7f37"
green6 = "#116329"
red4 = "#fa4549"
red5 = "#cf222e"
red6 = "#a40e26"
yellow4 = "#bf8700"
yellow5 = "#9a6700"
orange4 = "#e16f24"
orange5 = "#bc4c00"
purple5 = "#8250df"
purple6 = "#6639ba"
pink5 = "#bf3989"
gray4 = "#8c959f"
gray5 = "#6e7781"
gray6 = "#57606a"

# Syntax (prettylights)
syn_comment = "#57606a"
syn_constant = "#0550ae"
syn_entity = "#6639ba"
syn_entity_tag = "#116329"
syn_keyword = "#cf222e"
syn_string = "#0a3069"
syn_variable = "#953800"

[tokens]
"text.primary" = "fg_default"
"text.secondary" = "fg_muted"
"text.muted" = "fg_subtle"
"text.dim" = "gray4"

"bg.base" = "canvas_default"
"bg.panel" = "canvas_default"
"bg.code" = "canvas_inset"
"bg.highlight" = "canvas_subtle"
"bg.elevated" = "canvas_subtle"
"bg.active" = "border_default"
"bg.selection" = "canvas_subtle"

"accent.primary" = "blue5"
"accent.secondary" = "purple5"
"accent.tertiary" = "pink5"
"accent.deep" = "blue6"

success = "green5"
error = "red5"
warning = "yellow5"
info = "blue5"

"border.focused" = "blue5"
"border.unfocused" = "border_default"

"code.keyword" = "syn_keyword"
"code.function" = "syn_entity"
"code.string" = "syn_string"
"code.number" = "syn_constant"
"code.comment" = "syn_comment"
"code.type" = "yellow5"
"code.line_number" = "gray4"

[styles]
keyword = { fg = "accent.primary", bold = true }
line_number = { fg = "code.line_number" }
cursor_line = { bg = "bg.highlight" }
selected = { fg = "accent.secondary", bg = "bg.highlight" }
active_selected = { fg = "accent.primary", bg = "bg.active", bold = true }
focused_border = { fg = "border.focused" }
unfocused_border = { fg = "border.unfocused" }
success_style = { fg = "success" }
error_style = { fg = "error" }
warning_style = { fg = "warning" }
info_style = { fg = "info" }
dimmed = { fg = "text.dim" }
muted = { fg = "text.muted" }
inline_code = { fg = "success", bg = "bg.code" }

[gradients]
primary = ["blue5", "purple5"]
warm = ["orange5", "yellow5"]
success_gradient = ["green5", "green4"]
error_gradient = ["red5", "orange4"]
aurora = ["blue5", "purple5", "pink5", "green5", "yellow5"]