obsidian-r2-uploader/styles.css at main · tripkmin/obsidian-r2-uploader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/* R2 Uploader Plugin Styles */

.r2-uploader-ribbon-class {
	color: var(--text-accent);
}

.r2-uploader-button-container {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.r2-uploader-button-container button {
	padding: 8px 16px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.2s;
}

.r2-uploader-button-container button.mod-cta {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.r2-uploader-button-container button.mod-cta:hover {
	background-color: var(--interactive-accent-hover);
}

.r2-uploader-button-container button:not(.mod-cta) {
	background-color: var(--interactive-normal);
	color: var(--text-normal);
}

.r2-uploader-button-container button:not(.mod-cta):hover {
	background-color: var(--interactive-hover);
}

/* Upload confirmation modal styles */
.modal-content h2 {
	margin-top: 0;
	color: var(--text-normal);
}

.modal-content p {
	color: var(--text-muted);
	margin-bottom: 20px;
}

/* Progress modal styles */
.upload-progress-modal {
	text-align: center;
}

.upload-progress-modal .progress-bar {
	width: 100%;
	height: 20px;
	background-color: var(--background-secondary);
	border-radius: 10px;
	overflow: hidden;
	margin: 10px 0;
}

.upload-progress-modal .progress-fill {
	height: 100%;
	background-color: var(--interactive-accent);
	transition: width 0.3s ease;
}

.upload-progress-modal .progress-text {
	color: var(--text-muted);
	font-size: 14px;
	margin-top: 10px;
}