Refactor text utility classes to Tailwind CSS (#36703)

Replace Fomantic/custom CSS text utility classes with their Tailwind
equivalents:

- `.text.<color>` compound classes → `tw-text-<color>` classes
- `.text.small` (`font-size: 0.75em`) → `tw-text-xs` (11px)
- `.text.truncate` (`overflow-x: hidden; text-overflow: ellipsis;
white-space: nowrap; display: inline-block`) → `tw-inline-block
tw-truncate`

Remove the now-unused CSS rules from `base.css` and `dashboard.css`.

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

templates/repo/issue/view_content/attachments.tmpl

@@ -19,7 +19,7 @@
 				</a>
 			</div>
 			<div class="tw-p-2 tw-flex tw-items-center">
-				<span class="ui text grey">{{.Size | FileSize}}</span>
+				<span class="ui tw-text-text-light">{{.Size | FileSize}}</span>
 			</div>
 		</div>
 	{{end -}}

templates/repo/issue/view_content/comments.tmpl

@@ -29,7 +29,7 @@
 					<div class="comment-header avatar-content-left-arrow" role="heading" aria-level="3">
 						<div class="comment-header-left">
 							{{if .OriginalAuthor}}
-								<span class="text black tw-font-semibold tw-mr-1">
+								<span class="tw-text-text tw-font-semibold tw-mr-1">
 									{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}}
 									{{.OriginalAuthor}}
 								</span>
@@ -403,7 +403,7 @@
 								{{end}}
 								<span class="comment-text-line">
 									{{if .OriginalAuthor}}
-										<span class="text black tw-font-semibold">
+										<span class="tw-text-text tw-font-semibold">
 											{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}}
 											{{.OriginalAuthor}}
 										</span>

templates/repo/issue/view_content/comments_authorlink.tmpl

@@ -1,5 +1,5 @@
 {{if .comment.OriginalAuthor}}
-	<span class="text black">
+	<span class="tw-text-text">
 		{{svg (MigrationIcon .ctxData.Repository.GetOriginalURLHostname)}}
 		{{.comment.OriginalAuthor}}
 	</span>

templates/repo/issue/view_content/conversation.tmpl

@@ -69,9 +69,9 @@ The variables in "ctx.Data" are different in each case, making this template fra
 											{{ctx.AvatarUtils.Avatar .Poster 20}}
 										</a>
 									{{end}}
-									<span class="text grey muted-links">
+									<span class="tw-text-text-light muted-links">
 										{{if .OriginalAuthor}}
-											<span class="text black">
+											<span class="tw-text-text">
 												{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}}
 												{{.OriginalAuthor}}
 											</span>

templates/repo/issue/view_content/pull_merge_box.tmpl

@@ -10,23 +10,23 @@
 >
 	{{$statusCheckData := .StatusCheckData}}
 	{{$requiredStatusCheckState := $statusCheckData.RequiredChecksState}}
-	<div class="timeline-avatar text {{if .Issue.PullRequest.HasMerged}}purple
-	{{- else if .Issue.IsClosed}}grey
-	{{- else if .IsPullWorkInProgress}}grey
-	{{- else if .IsFilesConflicted}}grey
-	{{- else if .IsPullRequestBroken}}red
-	{{- else if .IsBlockedByApprovals}}red
-	{{- else if .IsBlockedByRejection}}red
-	{{- else if .IsBlockedByOfficialReviewRequests}}red
-	{{- else if .IsBlockedByOutdatedBranch}}red
-	{{- else if .IsBlockedByChangedProtectedFiles}}red
-	{{- else if and .EnableStatusCheck (or $requiredStatusCheckState.IsFailure $requiredStatusCheckState.IsError)}}red
-	{{- else if and .EnableStatusCheck (or (not $.LatestCommitStatus) $requiredStatusCheckState.IsPending $requiredStatusCheckState.IsWarning)}}yellow
-	{{- else if and .AllowMerge .RequireSigned (not .WillSign)}}red
-	{{- else if .Issue.PullRequest.IsChecking}}yellow
-	{{- else if .Issue.PullRequest.IsEmpty}}grey
-	{{- else if .Issue.PullRequest.CanAutoMerge}}green
-	{{- else}}red{{end}}">{{svg "octicon-git-merge" 40}}</div>
+	<div class="timeline-avatar {{if .Issue.PullRequest.HasMerged}}tw-text-purple
+	{{- else if .Issue.IsClosed}}tw-text-text-light
+	{{- else if .IsPullWorkInProgress}}tw-text-text-light
+	{{- else if .IsFilesConflicted}}tw-text-text-light
+	{{- else if .IsPullRequestBroken}}tw-text-red
+	{{- else if .IsBlockedByApprovals}}tw-text-red
+	{{- else if .IsBlockedByRejection}}tw-text-red
+	{{- else if .IsBlockedByOfficialReviewRequests}}tw-text-red
+	{{- else if .IsBlockedByOutdatedBranch}}tw-text-red
+	{{- else if .IsBlockedByChangedProtectedFiles}}tw-text-red
+	{{- else if and .EnableStatusCheck (or $requiredStatusCheckState.IsFailure $requiredStatusCheckState.IsError)}}tw-text-red
+	{{- else if and .EnableStatusCheck (or (not $.LatestCommitStatus) $requiredStatusCheckState.IsPending $requiredStatusCheckState.IsWarning)}}tw-text-yellow
+	{{- else if and .AllowMerge .RequireSigned (not .WillSign)}}tw-text-red
+	{{- else if .Issue.PullRequest.IsChecking}}tw-text-yellow
+	{{- else if .Issue.PullRequest.IsEmpty}}tw-text-text-light
+	{{- else if .Issue.PullRequest.CanAutoMerge}}tw-text-green
+	{{- else}}tw-text-red{{end}}">{{svg "octicon-git-merge" 40}}</div>
 	<div class="content">
 		{{if .LatestCommitStatus}}
 		<div class="ui attached segment fitted">
@@ -190,7 +190,7 @@
 					{{end}}
 					{{if .WillSign}}
 						<div class="item">
-							{{svg "octicon-lock" 16 "text green"}}
+							{{svg "octicon-lock" 16 "tw-text-green"}}
 							{{ctx.Locale.Tr "repo.signing.will_sign" .SigningKeyMergeDisplay}}
 						</div>
 					{{else if .IsSigned}}
@@ -306,7 +306,7 @@
 					{{else}}
 						{{/* no merge style was set in repo setting: not or ($prUnit.PullRequestsConfig.AllowMerge ...) */}}
 						<div class="divider"></div>
-						<div class="item text red">
+						<div class="item tw-text-red">
 							{{svg "octicon-x"}}
 							{{ctx.Locale.Tr "repo.pulls.no_merge_desc"}}
 						</div>
@@ -326,27 +326,27 @@
 			{{else}}
 				{{/* Merge conflict without specific file. Suggest manual merge, only if all reviews and status checks OK. */}}
 				{{if .IsBlockedByApprovals}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.blocked_by_approvals" .GrantedApprovals .ProtectedBranch.RequiredApprovals}}
 					</div>
 				{{else if .IsBlockedByRejection}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.blocked_by_rejection"}}
 					</div>
 				{{else if .IsBlockedByOfficialReviewRequests}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.blocked_by_official_review_requests"}}
 					</div>
 				{{else if .IsBlockedByOutdatedBranch}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.blocked_by_outdated_branch"}}
 					</div>
 				{{else if .IsBlockedByChangedProtectedFiles}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.TrN $.ChangedProtectedFilesNum "repo.pulls.blocked_by_changed_protected_files_1" "repo.pulls.blocked_by_changed_protected_files_n"}}
 					</div>
@@ -356,17 +356,17 @@
 						{{end}}
 					</ul>
 				{{else if and .EnableStatusCheck (not $requiredStatusCheckState.IsSuccess)}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.required_status_check_failed"}}
 					</div>
 				{{else if and .RequireSigned (not .WillSign)}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.require_signed_wont_sign"}}
 					</div>
 				{{else}}
-					<div class="item text red">
+					<div class="item tw-text-red">
 						{{svg "octicon-x"}}
 						{{ctx.Locale.Tr "repo.pulls.cannot_auto_merge_desc"}}
 					</div>