favorites_sidebar_css.go RawHistoryFolder
1package theme
2
3// generateFavoritesSidebarCSS creates GTK4 CSS for favorites-specific controls.
4func generateFavoritesSidebarCSS(_ Palette) string {
5 return `/* ===== Favorites Sidebar Styling ===== */
6
7.favorites-sidebar-tags {
8 padding: 0.25em 0.5em 0.375em;
9 border-bottom: 0.0625em solid var(--border);
10 background-color: var(--surface-variant);
11}
12
13.favorites-sidebar-tag-filter {
14 min-height: 0;
15 min-width: 0;
16 padding: 0.125em 0.375em;
17 font-size: 0.72em;
18 font-weight: 500;
19 color: var(--muted);
20 background-color: transparent;
21 border: 0.0625em solid alpha(var(--border), 0.7);
22 border-radius: 0.25em;
23 box-shadow: none;
24}
25
26.favorites-sidebar-tag-filter:hover {
27 color: var(--text);
28 background-color: alpha(var(--accent), 0.10);
29}
30
31.favorites-sidebar-tag-filter:focus {
32 color: var(--text);
33 border-color: var(--accent);
34 box-shadow: inset 0 0 0 0.0625em var(--accent);
35}
36
37.favorites-sidebar-tag-filter-active {
38 color: var(--accent);
39 background-color: alpha(var(--accent), 0.16);
40 border-color: alpha(var(--accent), 0.5);
41}
42
43.favorites-sidebar-tag-add {
44 min-width: 1.4em;
45 font-weight: 700;
46}
47
48.favorites-sidebar-tag-prompt {
49 padding: 0.375em 0.5em;
50 border-bottom: 0.0625em solid var(--border);
51 background-color: var(--surface-variant);
52}
53
54.favorites-sidebar-tag-prompt entry,
55.favorites-sidebar-tag-prompt button {
56 min-height: 0;
57 padding: 0.1875em 0.375em;
58 font-size: 0.78em;
59}
60
61.favorites-sidebar-tag-binding {
62 min-height: 0;
63 padding: 0.125em 0.375em;
64 font-size: 0.72em;
65}
66
67.favorites-sidebar-shortcut-badge,
68.favorites-sidebar-tag-chip {
69 padding: 0.0625em 0.25em;
70 font-size: 0.66em;
71 font-weight: 600;
72 color: var(--muted);
73 background-color: alpha(var(--surface-variant), 0.9);
74 border: 0.0625em solid alpha(var(--border), 0.65);
75 border-radius: 0.2em;
76}
77
78.favorites-sidebar-row-tags {
79 margin-top: 0.0625em;
80}
81
82.favorites-sidebar-shortcut-badge {
83 color: var(--accent);
84 border-color: alpha(var(--accent), 0.45);
85 background-color: alpha(var(--accent), 0.10);
86}
87
88.favorites-sidebar-form {
89 padding: 0.5em;
90 border-top: 0.0625em solid var(--border);
91 background-color: var(--surface-variant);
92}
93
94.favorites-sidebar-form entry {
95 min-height: 0;
96 padding: 0.1875em 0.375em;
97 font-size: 0.8em;
98 background-color: var(--surface);
99}
100
101.favorites-sidebar-form-tag-matches {
102 padding: 0.125em 0;
103}
104
105.favorites-sidebar-form-tag-match {
106 min-height: 0;
107 min-width: 0;
108 padding: 0.0625em 0.25em;
109 font-size: 0.7em;
110 color: var(--muted);
111 background-color: alpha(var(--surface), 0.8);
112 border: 0.0625em solid alpha(var(--border), 0.65);
113 border-radius: 0.2em;
114 box-shadow: none;
115}
116
117.favorites-sidebar-form-tag-match:hover {
118 color: var(--text);
119 background-color: alpha(var(--accent), 0.12);
120}
121
122.favorites-sidebar-form-tag-match:focus {
123 color: var(--text);
124 border-color: var(--accent);
125 box-shadow: inset 0 0 0 0.0625em var(--accent);
126}
127
128.favorites-sidebar-form button {
129 min-height: 0;
130 padding: 0.1875em 0.5em;
131 font-size: 0.78em;
132}
133`
134}