mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 08:30:25 +08:00 
			
		
		
		
	Add --font-weight-bold and set previous bold to 601 (#24307)
Fix #24305 According to MDN, "bold" starts from 700, some fonts do not provide "bolding" for weight 600 https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
		@@ -59,7 +59,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.admin dl.admin-dl-horizontal dt {
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
  float: left;
 | 
			
		||||
  width: 285px;
 | 
			
		||||
  clear: left;
 | 
			
		||||
 
 | 
			
		||||
@@ -3,6 +3,10 @@
 | 
			
		||||
  --fonts-proportional: -apple-system, "Segoe UI", system-ui, "Roboto", "Helvetica Neue", "Arial";
 | 
			
		||||
  --fonts-monospace: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace, var(--fonts-emoji);
 | 
			
		||||
  --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
 | 
			
		||||
  /* "font-weight: bold" starts from 700, some fonts do not provide "bolding" for weight 600. */
 | 
			
		||||
  /* But some users consider "700" is too heavy, so use 601, which is when Segoe UI on Linux */
 | 
			
		||||
  /* starts bolding. */
 | 
			
		||||
  --font-weight-bold: 601;
 | 
			
		||||
  /* backgrounds */
 | 
			
		||||
  --checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
 | 
			
		||||
  --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
 | 
			
		||||
@@ -211,7 +215,7 @@ h3,
 | 
			
		||||
h4,
 | 
			
		||||
h5,
 | 
			
		||||
h6 {
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body {
 | 
			
		||||
@@ -1750,7 +1754,7 @@ img.ui.avatar,
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.scrolling.menu .item.selected {
 | 
			
		||||
  font-weight: 600 !important;
 | 
			
		||||
  font-weight: var(--font-weight-bold) !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.ui.dropdown .scrolling.menu {
 | 
			
		||||
@@ -2732,7 +2736,7 @@ table th[data-sortt-desc] .svg {
 | 
			
		||||
.ellipsis-button {
 | 
			
		||||
  padding: 0 5px 8px !important;
 | 
			
		||||
  display: inline-block !important;
 | 
			
		||||
  font-weight: 600 !important;
 | 
			
		||||
  font-weight: var(--font-weight-bold) !important;
 | 
			
		||||
  line-height: 6px !important;
 | 
			
		||||
  vertical-align: middle !important;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -41,7 +41,7 @@
 | 
			
		||||
 | 
			
		||||
/* GenericStrong */
 | 
			
		||||
.chroma .gs {
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* GenericUnderline */
 | 
			
		||||
 
 | 
			
		||||
@@ -26,7 +26,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.image-diff-container .diff-side-by-side .side .side-header {
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.image-diff-container .diff-swipe {
 | 
			
		||||
 
 | 
			
		||||
@@ -37,7 +37,7 @@ Gitea's private styles use `g-` prefix.
 | 
			
		||||
  font-size: .95em !important; /* compensate for monospace fonts being usually slightly larger */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gt-bold { font-weight: 600 !important; }
 | 
			
		||||
.gt-bold { font-weight: var(--font-weight-bold) !important; }
 | 
			
		||||
 | 
			
		||||
.gt-word-break {
 | 
			
		||||
  word-wrap: break-word !important;
 | 
			
		||||
 
 | 
			
		||||
@@ -55,7 +55,7 @@
 | 
			
		||||
  margin: 20px auto;
 | 
			
		||||
  color: var(--color-red);
 | 
			
		||||
  text-align: left;
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.page-content.install .ui .reinstall-confirm {
 | 
			
		||||
 
 | 
			
		||||
@@ -70,7 +70,7 @@
 | 
			
		||||
.markup h6 {
 | 
			
		||||
  margin-top: 24px;
 | 
			
		||||
  margin-bottom: 16px;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
  line-height: 1.25;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -248,7 +248,7 @@
 | 
			
		||||
  margin-top: 16px;
 | 
			
		||||
  font-size: 1em;
 | 
			
		||||
  font-style: italic;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.markup dl dd {
 | 
			
		||||
@@ -280,7 +280,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.markup table th {
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.markup table th,
 | 
			
		||||
 
 | 
			
		||||
@@ -1561,7 +1561,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.repository .data-table th {
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
  background: var(--color-box-header);
 | 
			
		||||
  border-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -33,7 +33,7 @@
 | 
			
		||||
  color: var(--color-text);
 | 
			
		||||
  font-size: 16px;
 | 
			
		||||
  min-width: 0;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.issue.list > .item .issue-item-top-row a.index {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,6 +1,6 @@
 | 
			
		||||
.user.profile .ui.card .header {
 | 
			
		||||
  display: block;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-weight: var(--font-weight-bold);
 | 
			
		||||
  font-size: 1.3rem;
 | 
			
		||||
  margin-top: -0.2rem;
 | 
			
		||||
  line-height: 1.3rem;
 | 
			
		||||
 
 | 
			
		||||
@@ -74,7 +74,7 @@
 | 
			
		||||
            <a class="repo-list-link gt-df gt-ac gt-sb" :href="repo.link">
 | 
			
		||||
              <div class="item-name gt-df gt-ac gt-f1">
 | 
			
		||||
                <svg-icon :name="repoIcon(repo)" :size="16" class-name="gt-mr-2"/>
 | 
			
		||||
                <div class="text gt-bold truncate gt-ml-1">{{ repo.full_name }}</div>
 | 
			
		||||
                <div class="text truncate gt-ml-1">{{ repo.full_name }}</div>
 | 
			
		||||
                <span v-if="repo.archived">
 | 
			
		||||
                  <svg-icon name="octicon-archive" :size="16" class-name="gt-ml-2"/>
 | 
			
		||||
                </span>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user