My own copy of Tangled :)
add dark mode to PR actions
author
Akshay
date
(Mar 25, 2025, 11:45 PM UTC)
commit
9dc97017
9dc970172f6783fad2c3aecfd4af7a80911cb8ae
parent
df03f182
df03f1829b79a19e9c5995393d8871e9d88a7e98
+11
-10
+1
appview/pages/pages.go
+1
appview/pages/pages.go
+1
-1
appview/pages/templates/fragments/pullActions.html
+1
-1
appview/pages/templates/fragments/pullActions.html
···
10
10
{{ $isPullAuthor := and .LoggedInUser (eq .LoggedInUser.Did .Pull.OwnerDid) }}
11
11
{{ $isLastRound := eq $roundNumber $lastIdx }}
12
12
<div class="relative w-fit">
13
-
<div class="absolute left-8 -top-2 w-px h-2 bg-gray-300"></div>
13
+
<div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
14
14
<div id="actions-{{$roundNumber}}" class="flex flex-wrap gap-2">
15
15
<button
16
16
hx-get="/{{ .RepoInfo.FullName }}/pulls/{{ .Pull.PullId }}/round/{{ $roundNumber }}/comment"
+2
-2
appview/pages/templates/fragments/pullNewComment.html
+2
-2
appview/pages/templates/fragments/pullNewComment.html
···
1
1
{{ define "fragments/pullNewComment" }}
2
2
<div
3
3
id="pull-comment-card-{{ .RoundNumber }}"
4
-
class="bg-white rounded drop-shadow-sm p-4 relative w-full flex flex-col gap-2">
5
-
<div class="text-sm text-gray-500">
4
+
class="bg-white dark:bg-gray-800 rounded drop-shadow-sm p-4 relative w-full flex flex-col gap-2">
5
+
<div class="text-sm text-gray-500 dark:text-gray-400">
6
6
{{ didOrHandle .LoggedInUser.Did .LoggedInUser.Handle }}
7
7
</div>
8
8
<form
+4
-4
appview/pages/templates/fragments/pullResubmit.html
+4
-4
appview/pages/templates/fragments/pullResubmit.html
···
1
1
{{ define "fragments/pullResubmit" }}
2
2
<div
3
3
id="resubmit-pull-card"
4
-
class="rounded relative border bg-amber-50 border-amber-200 px-6 py-2">
4
+
class="rounded relative border bg-amber-50 dark:bg-amber-900 border-amber-200 dark:border-amber-500 px-6 py-2">
5
5
6
-
<div class="flex items-center gap-2 text-amber-500">
6
+
<div class="flex items-center gap-2 text-amber-500 dark:text-amber-50">
7
7
{{ i "pencil" "w-4 h-4" }}
8
8
<span class="font-medium">resubmit your patch</span>
9
9
</div>
10
10
11
-
<div class="mt-2 text-sm text-gray-700">
11
+
<div class="mt-2 text-sm text-gray-700 dark:text-gray-200">
12
12
You can update this patch to address any reviews.
13
13
This will begin a new round of reviews,
14
14
but you'll still be able to view your previous submissions and feedback.
···
21
21
class="w-full flex flex-wrap gap-2">
22
22
<textarea
23
23
name="patch"
24
-
class="w-full p-2 mb-2 rounded border border-gray-200"
24
+
class="w-full p-2 mb-2"
25
25
placeholder="Paste your updated patch here."
26
26
rows="15"
27
27
>{{.Pull.LatestPatch}}</textarea>
+3
-3
appview/pages/templates/repo/blob.html
+3
-3
appview/pages/templates/repo/blob.html
···
19
19
{{ $linkstyle := "no-underline hover:underline" }}
20
20
<div class="pb-2 mb-3 text-base border-b border-gray-200 dark:border-gray-700">
21
21
<div class="flex flex-col md:flex-row md:justify-between gap-2">
22
-
<div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap">
22
+
<div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500">
23
23
{{ range $idx, $value := .BreadCrumbs }}
24
24
{{ if ne $idx (sub (len $.BreadCrumbs) 1) }}
25
25
<a
···
29
29
>
30
30
/
31
31
{{ else }}
32
-
<span class="text-bold text-gray-500 dark:text-gray-400"
32
+
<span class="text-bold text-gray-600 dark:text-gray-300"
33
33
>{{ index . 0 }}</span
34
34
>
35
35
{{ end }}
···
51
51
This is a binary file and will not be displayed.
52
52
</p>
53
53
{{ else }}
54
-
<div class="overflow-auto relative text-ellipsis">
54
+
<div class="overflow-auto relative">
55
55
{{ range $idx, $line := $lines }}
56
56
{{ $linenr := add $idx 1 }}
57
57
<div class="flex">