1@define-color theme_base_color @notes_bg_color;
2@define-color theme_text_color shade (@theme_base_color, 0.4);
3@define-color theme_bg_color @theme_base_color;
4@define-color theme_fg_color shade (@theme_base_color, 0.3);
5@define-color theme_selected_bg_color shade (@theme_base_color, 0.8);
6@define-color theme_selected_fg_color shade (@theme_base_color, 1.4);
7@define-color insensitive_bg_color shade (@theme_bg_color, 1.1);
8@define-color insensitive_fg_color shade (@theme_fg_color, 1.8);
9
10@define-color borders shade (@theme_base_color, 0.8);
11@define-color frame_color shade (@theme_base_color, 0.7);
12@define-color notebook_active_tab_border shade (@theme_base_color, 1.1);
13@define-color notebook_selected_tab_color shade (@theme_base_color, 0.9);
14
15* {
16	border-width: 0px;
17}
18
19/* window and frame */
20window {
21	background-image: linear-gradient(to bottom,
22	                                  shade (@theme_base_color, 0.8),
23	                                  shade (@theme_base_color, 0.95) 87px);
24}
25
26window frame {
27	padding: 1px 2px 4px 2px;
28	border: 1px solid shade (@theme_base_color, 0.7);
29}
30
31/* icon buttons in window title bar */
32window widget#notes-icon-button {
33	color: black;
34	background-color: transparent;
35}
36window widget#notes-icon-button:active {
37	color: darker (@theme_fg_color);
38	text-shadow: 1px 1px lighter (@theme_bg_color);
39}
40window widget#notes-icon-button:disabled {
41	color: shade (@insensitive_fg_color, 1.2);
42}
43window widget#notes-icon-button:hover {
44	color: shade (@insensitive_fg_color, 0.8);
45}
46
47/* notebook */
48notebook > header {
49	background: transparent;
50}
51notebook > header.top {
52	border-bottom: 2px solid @theme_selected_bg_color;
53}
54notebook > header.bottom {
55	border-top: 2px solid @theme_selected_bg_color;
56}
57notebook > header.left {
58	border-right: 2px solid @theme_selected_bg_color;
59}
60notebook > header.right {
61	border-left: 2px solid @theme_selected_bg_color;
62}
63
64/* notebook tab style */
65notebook > header.top tab, notebook > header.bottom tab {
66	padding: 0px 4px;
67}
68notebook > header.right tab, notebook > header.left tab {
69	padding: 4px 0px;
70}
71
72notebook > header tab {
73	box-shadow: none;
74	color: @insensitive_fg_color;
75	background: transparent;
76}
77notebook > header tab:checked {
78	color: shade (@theme_text_color, 0.8);
79}
80notebook > header tab.dnd {
81	background: @theme_selected_bg_color;
82}
83
84notebook > header.top > tabs > tab:checked {
85	box-shadow: inset 0px -3px shade (@theme_selected_bg_color, 1.3), 0px 2px 3px @theme_selected_bg_color;
86}
87notebook > header.top > tabs > tab:checked:hover {
88	box-shadow: inset 0px -2px shade (@theme_selected_bg_color, 1.3), 0px 2px 3px @theme_selected_bg_color;
89	background: @theme_selected_bg_color; /* NOTE: must be set before .dnd */
90}
91notebook > header.top > tabs > tab:hover {
92	box-shadow: inset 0px -2px shade (@theme_selected_bg_color, 1.3);
93}
94
95notebook > header.bottom > tabs > tab:checked {
96	box-shadow: inset 0px 3px shade (@theme_selected_bg_color, 1.3), 0px -2px 3px @theme_selected_bg_color;
97}
98notebook > header.bottom > tabs > tab:checked:hover {
99	box-shadow: inset 0px 2px shade (@theme_selected_bg_color, 1.3), 0px -2px 3px @theme_selected_bg_color;
100	background: @theme_selected_bg_color;
101}
102notebook > header.bottom > tabs > tab:hover {
103	box-shadow: inset 0px 2px shade (@theme_selected_bg_color, 1.3);
104}
105
106notebook > header.left > tabs > tab:checked {
107	box-shadow: inset -3px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color;
108}
109notebook > header.left > tabs > tab:checked:hover {
110	box-shadow: inset -2px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color;
111	background: @theme_selected_bg_color;
112}
113notebook > header.left > tabs > tab:hover {
114	box-shadow: inset -2px 0px shade (@theme_selected_bg_color, 1.3);
115}
116
117notebook > header.right > tabs > tab:checked {
118	box-shadow: inset 3px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color;
119}
120notebook > header.right > tabs > tab:checked:hover {
121	box-shadow: inset 2px 0px shade (@theme_selected_bg_color, 1.3), 0px 0px 3px @theme_selected_bg_color;
122	background: @theme_selected_bg_color;
123}
124notebook > header.right > tabs > tab:hover {
125	box-shadow: inset 2px 0px shade (@theme_selected_bg_color, 1.3);
126}
127
128textview > text {
129	color: @theme_text_color;
130	background-image: linear-gradient(to bottom,
131	                                  shade (@theme_bg_color, 1.2),
132	                                  shade (@theme_bg_color, 1.3) 20em);
133}
134
135textview > text > selection {
136	color: @theme_selected_fg_color;
137	background-color: @theme_selected_bg_color;
138}
139
140scrollbar {
141	background-color: transparent;
142}
143scrollbar slider {
144	background-color: shade (@theme_bg_color, 0.55);
145	min-width: 8px;
146}
147scrollbar slider:hover {
148	background-color: shade (@theme_bg_color, 0.7);
149	transition: 400ms;
150}
151scrollbar slider:hover:active {
152	background-color: shade (@theme_bg_color, 0.55);
153	transition: 200ms;
154}
155
156tooltip, tooltip * {
157	margin: 0px;
158	padding: 0px;
159}
160
161