history_sidebar_css.go RawHistoryFolder

1package theme
2
3// generateHistorySidebarCSS creates GTK4 CSS for the history sidebar component.
4func generateHistorySidebarCSS(_ Palette) string {
5	return `/* ===== History Sidebar Styling ===== */
6
7.history-sidebar-outer {
8	background-color: var(--surface);
9	border-left: 0.0625em solid var(--border);
10}
11
12.history-sidebar-search-box {
13	padding: 0.375em 0.5em;
14	border-bottom: 0.0625em solid var(--border);
15	background-color: var(--surface);
16}
17
18.history-sidebar-search {
19	padding: 0.125em 0.375em;
20	font-size: 0.85em;
21}
22
23.history-sidebar-groups {
24	background-color: var(--surface);
25}
26
27.history-sidebar-group-header {
28	padding: 0.25em 0.625em;
29	padding-top: 0.375em;
30	font-size: 0.75em;
31	font-weight: 600;
32	color: var(--muted);
33	text-transform: uppercase;
34	letter-spacing: 0.04em;
35	background-color: var(--surface-variant);
36	border-bottom: 0.0625em solid var(--border);
37}
38
39.history-sidebar-row {
40	padding: 0.1875em 0.625em;
41	min-height: 0;
42	border-bottom: 0.0625em solid alpha(var(--border), 0.4);
43	background-color: var(--surface);
44	transition: background-color 100ms ease;
45}
46
47.history-sidebar-row:hover {
48	background-color: alpha(var(--accent), 0.18);
49}
50
51.history-sidebar-row:selected {
52	background-color: alpha(var(--accent), 0.18);
53}
54
55.history-sidebar-row:focus {
56	background-color: alpha(var(--accent), 0.18);
57}
58
59.history-sidebar-row-title {
60	font-size: 0.82em;
61	color: var(--text);
62	font-weight: 500;
63}
64
65.history-sidebar-row-subtitle {
66	font-size: 0.72em;
67	color: var(--muted);
68}
69
70.history-sidebar-row-time {
71	font-size: 0.68em;
72	color: var(--muted);
73	padding-left: 0.5em;
74	opacity: 0.75;
75}
76
77.history-sidebar-empty {
78	padding: 1.5em 0.75em;
79	font-size: 0.82em;
80	color: var(--muted);
81	font-style: italic;
82}
83
84.history-sidebar-loading {
85	padding: 1.5em 0.75em;
86	font-size: 0.82em;
87	color: var(--muted);
88}
89`
90}