permission_popup_css.go RawHistoryFolder

1package theme
2
3// generatePermissionPopupCSS creates permission popup overlay styles.
4// Uses em units for scalable UI, matches omnibox/session manager styling patterns.
5func generatePermissionPopupCSS(p Palette) string {
6	_ = p
7	return `/* ===== Permission Popup Styling ===== */
8
9.permission-popup-outer {
10	/* Positioning handled via SetHalign/SetValign in Go */
11}
12
13.permission-popup-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: 20em;
19}
20
21.permission-popup-heading {
22	font-size: 0.9375em;
23	font-weight: 600;
24	color: var(--text);
25	padding: 0.75em 1em 0.25em 1em;
26}
27
28.permission-popup-body {
29	font-size: 0.8125em;
30	font-weight: 400;
31	color: var(--muted);
32	padding: 0.25em 1em 0.75em 1em;
33}
34
35.permission-popup-btn-row {
36	border-top: 0.0625em solid var(--border);
37	padding: 0.5em 0.75em;
38}
39
40/* Shared button base */
41.permission-popup-btn {
42	background-image: none;
43	border: 0.0625em solid var(--border);
44	border-radius: 0.1875em;
45	padding: 0.375em 0.75em;
46	font-size: 0.8125em;
47	font-weight: 500;
48	transition: background-color 120ms ease-in-out, border-color 120ms ease-in-out;
49}
50
51/* Allow buttons - accent styled */
52.permission-popup-btn-allow {
53	background-color: alpha(var(--accent), 0.15);
54	color: var(--accent);
55	border-color: alpha(var(--accent), 0.3);
56}
57
58.permission-popup-btn-allow:hover {
59	background-color: alpha(var(--accent), 0.25);
60	border-color: var(--accent);
61}
62
63/* Deny button - subtle default */
64.permission-popup-btn-deny {
65	background-color: var(--surface);
66	color: var(--text);
67}
68
69.permission-popup-btn-deny:hover {
70	background-color: shade(var(--surface), 1.15);
71}
72
73/* Always Deny - destructive */
74.permission-popup-btn-destructive {
75	background-color: alpha(var(--destructive), 0.15);
76	color: var(--destructive);
77	border-color: alpha(var(--destructive), 0.3);
78}
79
80.permission-popup-btn-destructive:hover {
81	background-color: alpha(var(--destructive), 0.25);
82	border-color: var(--destructive);
83}
84`
85}