Monorepo for Tangled
appview/pages: switch to indigo for WoT announcement banner
Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.org>
Anirudh Oppiliappan
(May 4, 2026, 3:25 PM +0300)
ccca4347
212def12
+7
-6
+7
-6
appview/pages/templates/timeline/fragments/announcements.html
+7
-6
appview/pages/templates/timeline/fragments/announcements.html
···
11
11
{{ end }}
12
12
13
13
{{ define "vouchAnnouncement" }}
14
-
<div class="relative overflow-hidden border border-teal-300 dark:border-teal-600 bg-gradient-to-b from-teal-50 to-teal-100 dark:from-teal-900 dark:to-teal-800 rounded-sm p-6">
14
+
<div class="relative overflow-hidden border border-indigo-200 dark:border-indigo-700 bg-gradient-to-b from-white to-indigo-50 dark:from-indigo-950 dark:to-indigo-900 rounded-sm p-6">
15
+
<div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,rgba(165,180,252,0.35),transparent_70%)] dark:bg-[radial-gradient(ellipse_at_bottom_left,rgba(99,102,241,0.2),transparent_70%)]"></div>
15
16
<div class="relative z-10">
16
-
<p class="font-semibold text-teal-800 dark:text-teal-300 mb-1">Build a web of trust</p>
17
-
<p class="text-teal-700 dark:text-teal-400">
17
+
<p class="font-semibold text-indigo-800 dark:text-indigo-300 mb-1">Build a web of trust</p>
18
+
<p class="text-indigo-700 dark:text-indigo-400">
18
19
Vouch for trustworthy users that make open-source a better place. Visit a user's
19
20
profile to vouch for them.
20
21
</p>
21
22
22
23
<div class="mt-3 flex items-center justify-between">
23
-
<a class="mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-teal-700 dark:text-teal-300 hover:text-teal-900 dark:hover:text-teal-100 hover:underline" href="https://blog.tangled.org/vouching">
24
+
<a class="mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-indigo-700 dark:text-indigo-300 hover:text-indigo-900 dark:hover:text-indigo-100 hover:underline" href="https://blog.tangled.org/vouching">
24
25
Read more
25
26
</a>
26
27
{{ if and .LoggedInUser .VouchSuggestions }}
27
-
<a class="md:hidden mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-teal-700 dark:text-teal-300 hover:text-teal-900 dark:hover:text-teal-100 hover:underline" href="/{{ .LoggedInUser.Did }}?tab=vouches">
28
+
<a class="md:hidden mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-indigo-700 dark:text-indigo-300 hover:text-indigo-900 dark:hover:text-indigo-100 hover:underline" href="/{{ .LoggedInUser.Did }}?tab=vouches">
28
29
View suggestions {{ i "arrow-right" "size-3.5" }}
29
30
</a>
30
31
{{ end }}
···
32
33
33
34
</div>
34
35
35
-
<div class="pointer-events-none absolute -bottom-8 -right-16 text-teal-200 dark:text-teal-700 opacity-60">
36
+
<div class="pointer-events-none absolute -bottom-8 -right-16 text-indigo-200 dark:text-indigo-700 opacity-60">
36
37
{{ i "shield-plus" "size-48" }}
37
38
</div>
38
39
</div>