tab_picker_css.go RawHistoryFolder

1package theme
2
3// generateTabPickerCSS creates tab picker modal styles.
4// Uses similar styling conventions as Omnibox/SessionManager.
5func generateTabPickerCSS(p Palette) string {
6	_ = p
7	return `/* ===== Tab Picker Styling ===== */
8
9.tab-picker-outer {
10	/* Positioning handled in Go */
11}
12
13.tab-picker-container {
14	background-color: var(--surface-variant);
15	border: 0.0625em solid var(--border);
16	border-radius: 0.1875em;
17	padding: 0;
18	min-width: 28em;
19}
20
21.tab-picker-header {
22	background-color: shade(var(--surface-variant), 1.1);
23	border-bottom: 0.0625em solid var(--border);
24	padding: 0.5em 0.75em;
25}
26
27.tab-picker-title {
28	font-size: 0.9375em;
29	font-weight: 600;
30	color: var(--text);
31}
32
33.tab-picker-scrolled {
34	background-color: shade(var(--surface-variant), 0.95);
35}
36
37.tab-picker-list {
38	background-color: transparent;
39}
40
41.tab-picker-row {
42	padding: 0.5em 0.75em;
43	margin: 0;
44	border-radius: 0;
45	border-left: 0.1875em solid transparent;
46	border-bottom: 0.0625em solid alpha(var(--border), 0.5);
47	transition: background-color 100ms ease-in-out, border-left 100ms ease-in-out;
48	min-height: 2.75em;
49}
50
51.tab-picker-row:last-child {
52	border-bottom: none;
53}
54
55.tab-picker-row:hover {
56	background-color: alpha(var(--accent), 0.12);
57	border-left: 0.1875em solid var(--accent);
58}
59
60.tab-picker-row:selected,
61row:selected .tab-picker-row {
62	background-color: alpha(var(--accent), 0.2);
63	border-left: 0.1875em solid var(--accent);
64}
65
66.tab-picker-row-title {
67	color: var(--text);
68	font-size: 0.875em;
69	font-weight: 400;
70}
71
72.tab-picker-footer {
73	background-color: shade(var(--surface-variant), 0.9);
74	border-top: 0.0625em solid var(--border);
75	padding: 0.375em 0.75em;
76	font-size: 0.6875em;
77	color: var(--muted);
78	font-family: var(--font-mono);
79}
80`
81}