color and layout tweaks

Author: silverwind

templates/repo/issue/list.tmpl

@@ -256,53 +256,52 @@
 							{{else}}
 								{{$.i18n.Tr .GetLastEventLabelFake $timeStr (.Poster.GetDisplayName | Escape) | Safe}}
 							{{end}}
-
 							{{if .Milestone}}
 								<a class="milestone" href="{{$.RepoLink}}/milestone/{{.Milestone.ID}}">
-									{{svg "octicon-milestone"}} {{.Milestone.Name}}
+									{{svg "octicon-milestone" 14}} {{.Milestone.Name}}
 								</a>
 							{{end}}
 							{{if .Ref}}
 								<a class="ref" href="{{index $.IssueRefURLs .ID}}">
-									{{svg "octicon-git-branch"}} {{index $.IssueRefEndNames .ID}}
+									{{svg "octicon-git-branch" 14}} {{index $.IssueRefEndNames .ID}}
 								</a>
 							{{end}}
 							{{$tasks := .GetTasks}}
 							{{if gt $tasks 0}}
 								{{$tasksDone := .GetTasksDone}}
 								<span class="checklist">
-									{{svg "octicon-checklist"}} {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
+									{{svg "octicon-checklist" 14}} {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
 								</span>
 							{{end}}
 							{{if ne .DeadlineUnix 0}}
 								<span class="due-date poping up" data-content="{{$.i18n.Tr "repo.issues.due_date"}}" data-variation="tiny inverted" data-position="right center">
-									{{svg "octicon-calendar"}}<span{{if .IsOverdue}} class="overdue"{{end}}>{{.DeadlineUnix.FormatShort}}</span>
+									{{svg "octicon-calendar" 14}}<span{{if .IsOverdue}} class="overdue"{{end}}>{{.DeadlineUnix.FormatShort}}</span>
 								</span>
 							{{end}}
 							{{if .IsPull}}
 								{{$approveOfficial := call $approvalCounts .ID "approve"}}
 								{{$rejectOfficial := call $approvalCounts .ID "reject"}}
 								{{$waitingOfficial := call $approvalCounts .ID "waiting"}}
 								{{if gt $approveOfficial 0}}
-									<span class="approvals">{{svg "octicon-check"}}
+									<span class="approvals">{{svg "octicon-check" 14}}
 										{{$.i18n.Tr (TrN $.i18n.Lang $approveOfficial "repo.pulls.approve_count_1" "repo.pulls.approve_count_n") $approveOfficial}}
 									</span>
 								{{end}}
 
 								{{if gt $rejectOfficial 0}}
-									<span class="rejects">{{svg "octicon-diff"}}
+									<span class="rejects">{{svg "octicon-diff" 14}}
 										{{$.i18n.Tr (TrN $.i18n.Lang $rejectOfficial "repo.pulls.reject_count_1" "repo.pulls.reject_count_n") $rejectOfficial}}
 									</span>
 								{{end}}
 
 								{{if gt $waitingOfficial 0}}
-									<span class="waiting">{{svg "octicon-eye"}}
+									<span class="waiting">{{svg "octicon-eye" 14}}
 										{{$.i18n.Tr (TrN $.i18n.Lang $waitingOfficial "repo.pulls.waiting_count_1" "repo.pulls.waiting_count_n") $waitingOfficial}}
 									</span>
 								{{end}}
 
 								{{if and (not .PullRequest.HasMerged) (gt (len .PullRequest.ConflictedFiles) 0)}}
-									<span class="conflicting">{{svg "octicon-x"}} {{$.i18n.Tr (TrN $.i18n.Lang (len .PullRequest.ConflictedFiles) "repo.pulls.num_conflicting_files_1" "repo.pulls.num_conflicting_files_n") (len .PullRequest.ConflictedFiles)}}</span>
+									<span class="conflicting">{{svg "octicon-x" 14}} {{$.i18n.Tr (TrN $.i18n.Lang (len .PullRequest.ConflictedFiles) "repo.pulls.num_conflicting_files_1" "repo.pulls.num_conflicting_files_n") (len .PullRequest.ConflictedFiles)}}</span>
 								{{end}}
 							{{end}}
 						</div>

web_src/less/_base.less

@@ -76,7 +76,6 @@
   /* target-based colors */
   --color-body: #ffffff;
   --color-text: #212121;
-  --color-text-hover: #000000;
   --color-box-header: #f7f7f7;
   --color-box-body: #ffffff;
   --color-timeline: #ececec;

web_src/less/_repository.less

@@ -2631,7 +2631,7 @@
       font-weight: 600;
 
       &:hover {
-        color: var(--color-text-hover);
+        color: var(--color-primary);
       }
     }
 
@@ -2641,17 +2641,26 @@
 
     .assignee {
       position: relative;
-      top: -3px;
+      top: -2px;
     }
 
     .assignee img {
       width: 20px;
       height: 20px;
+      margin-right: 2px;
     }
 
     .desc {
       color: #999999;
 
+      a {
+        color: inherit;
+      }
+
+      a:hover {
+        color: var(--color-primary);
+      }
+
       .time-since,
       a {
         margin-left: .25rem;
@@ -2695,19 +2704,17 @@
 
       a.milestone {
         margin-left: 5px;
-        color: #999999 !important;
 
         &:hover {
-          color: var(--color-text-hover) !important;
+          color: var(--color-primary) !important;
         }
       }
 
       a.ref {
         margin-left: 8px;
-        color: #999999 !important;
 
         &:hover {
-          color: var(--color-text-hover) !important;
+          color: var(--color-primary) !important;
         }
 
         span {

web_src/less/themes/theme-arc-green.less

@@ -73,7 +73,6 @@
   --color-box-header: #454a57;
   --color-box-body: #353945;
   --color-text: #b6bac5;
-  --color-text-hover: #d6dae5;
   --color-timeline: #4a505c;
   --color-input-text: #dcdcdc;
   --color-input-background: #2e323e;