sidebar_css.go RawHistoryFolder

1package theme
2
3// generateSidebarCSS creates the shared GTK4 foundation used by native sidebars.
4// The history sidebar remains the visual reference; feature-specific rules only
5// add the controls unique to each sidebar.
6func generateSidebarCSS(_ Palette) string {
7	return `/* ===== Native Sidebar Foundation ===== */
8
9.sidebar-outer {
10	background-color: var(--surface);
11	border-left: 0.0625em solid var(--border);
12}
13
14.sidebar-search-box {
15	padding: 0.5em 0.5em 0.375em;
16	border-bottom: 0.0625em solid var(--border);
17	background-color: var(--surface);
18}
19
20.sidebar-search {
21	min-height: 0;
22	padding: 0.125em 0.375em;
23	font-size: 0.85em;
24}
25
26.sidebar-list {
27	background-color: var(--surface);
28}
29
30.sidebar-row {
31	padding: 0.1875em 0.625em;
32	min-height: 0;
33	border-bottom: 0.0625em solid color-mix(in srgb, var(--border) 40%, transparent);
34	background-color: var(--surface);
35	transition: background-color 100ms ease;
36}
37
38.sidebar-row:hover {
39	background-color: alpha(var(--accent), 0.18);
40}
41
42.sidebar-row:selected {
43	background-color: alpha(var(--accent), 0.18);
44}
45
46.sidebar-row:focus {
47	background-color: alpha(var(--accent), 0.18);
48	outline: 0.0625em solid var(--accent);
49	outline-offset: -0.0625em;
50}
51
52.sidebar-row-title {
53	font-size: 0.82em;
54	color: var(--text);
55	font-weight: 500;
56}
57
58.sidebar-row-subtitle {
59	font-size: 0.72em;
60	color: var(--muted);
61}
62
63.sidebar-empty {
64	padding: 1.5em 0.75em;
65	font-size: 0.82em;
66	color: var(--muted);
67	font-style: italic;
68}
69`
70}