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/* JS dialog (alert/confirm/prompt/beforeunload): per-pane scrim + prompt entry */
41.jsdialog-scrim {
42	background-color: alpha(black, 0.35);
43}
44
45.jsdialog-entry {
46	margin: 0 1em 0.75em 1em;
47	font-size: 0.8125em;
48}
49
50/* Shared button base */
51.permission-popup-btn {
52	background-image: none;
53	border: 0.0625em solid var(--border);
54	border-radius: 0.1875em;
55	padding: 0.375em 0.75em;
56	font-size: 0.8125em;
57	font-weight: 500;
58	transition: background-color 120ms ease-in-out, border-color 120ms ease-in-out;
59}
60
61/* Allow buttons - accent styled */
62.permission-popup-btn-allow {
63	background-color: alpha(var(--accent), 0.15);
64	color: var(--accent);
65	border-color: alpha(var(--accent), 0.3);
66}
67
68.permission-popup-btn-allow:hover {
69	background-color: alpha(var(--accent), 0.25);
70	border-color: var(--accent);
71}
72
73/* Deny button - subtle default */
74.permission-popup-btn-deny {
75	background-color: var(--surface);
76	color: var(--text);
77}
78
79.permission-popup-btn-deny:hover {
80	background-color: shade(var(--surface), 1.15);
81}
82
83/* Always Deny - destructive */
84.permission-popup-btn-destructive {
85	background-color: alpha(var(--destructive), 0.15);
86	color: var(--destructive);
87	border-color: alpha(var(--destructive), 0.3);
88}
89
90.permission-popup-btn-destructive:hover {
91	background-color: alpha(var(--destructive), 0.25);
92	border-color: var(--destructive);
93}
94`
95}