3
3
--fonts-proportional : -apple-system, "Segoe UI" , system-ui, Roboto, "Helvetica Neue" , Arial;
4
4
--fonts-monospace : ui-monospace, SFMono-Regular, "SF Mono" , Menlo, Monaco, Consolas, "Liberation Mono" , "Courier New" , monospace, var (--fonts-emoji );
5
5
--fonts-emoji : "Apple Color Emoji" , "Segoe UI Emoji" , "Noto Color Emoji" , "Twemoji Mozilla" ;
6
- /* font weights - use between 400 and 600 for general purposes */
7
- --font-weight-light : 300 ;
8
- --font-weight-normal : 400 ;
9
- --font-weight-medium : 500 ;
10
- --font-weight-semibold : 600 ;
6
+ /* "font-weight: bold" starts from 700, some fonts do not provide "bolding" for weight 600. */
7
+ /* But some users consider "700" is too heavy, so use 601, which is when Segoe UI on Linux */
8
+ /* starts bolding. */
9
+ --font-weight-bold : 601 ;
11
10
/* backgrounds */
12
11
--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>' );
13
12
--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>' );
219
218
h4 ,
220
219
h5 ,
221
220
h6 {
222
- font-weight : var (--font-weight-semibold );
221
+ font-weight : var (--font-weight-bold );
223
222
}
224
223
225
224
body {
@@ -892,7 +891,7 @@ a.label,
892
891
.ui .dropdown .menu .active .item {
893
892
color : var (--color-text );
894
893
background : var (--color-active );
895
- font-weight : var ( --font-weight- normal) ;
894
+ font-weight : normal;
896
895
}
897
896
898
897
/* fix misaligned images in webhook dropdown */
@@ -1437,7 +1436,7 @@ img.ui.avatar,
1437
1436
}
1438
1437
1439
1438
.ui .form .ui .button {
1440
- font-weight : var ( --font-weight- normal) ;
1439
+ font-weight : normal;
1441
1440
}
1442
1441
1443
1442
.ui .floating .label {
@@ -1495,7 +1494,7 @@ img.ui.avatar,
1495
1494
}
1496
1495
1497
1496
.ui .text .normal {
1498
- font-weight : var ( --font-weight- normal) ;
1497
+ font-weight : normal;
1499
1498
}
1500
1499
1501
1500
.ui .text .italic {
@@ -1510,7 +1509,7 @@ img.ui.avatar,
1510
1509
}
1511
1510
1512
1511
.ui .text .thin {
1513
- font-weight : var ( --font-weight- normal) ;
1512
+ font-weight : normal;
1514
1513
}
1515
1514
1516
1515
.ui .text .middle {
@@ -1547,7 +1546,7 @@ img.ui.avatar,
1547
1546
}
1548
1547
1549
1548
.ui .normal .header {
1550
- font-weight : var ( --font-weight- normal) ;
1549
+ font-weight : normal;
1551
1550
}
1552
1551
1553
1552
.ui .form .autofill-dummy {
@@ -1566,7 +1565,7 @@ img.ui.avatar,
1566
1565
font-family : var (--fonts-monospace );
1567
1566
font-size : 13px ;
1568
1567
padding : 6px 10px 4px ;
1569
- font-weight : var ( --font-weight- normal) ;
1568
+ font-weight : normal;
1570
1569
margin : 0 6px ;
1571
1570
}
1572
1571
@@ -1593,7 +1592,7 @@ img.ui.avatar,
1593
1592
1594
1593
.ui .inline .delete-button {
1595
1594
padding : 8px 15px ;
1596
- font-weight : var ( --font-weight- normal) ;
1595
+ font-weight : normal;
1597
1596
}
1598
1597
1599
1598
.ui .background .red {
@@ -1737,7 +1736,7 @@ img.ui.avatar,
1737
1736
}
1738
1737
1739
1738
.scrolling .menu .item .selected {
1740
- font-weight : var (--font-weight-semibold ) !important ;
1739
+ font-weight : var (--font-weight-bold ) !important ;
1741
1740
}
1742
1741
1743
1742
.ui .dropdown .scrolling .menu {
@@ -2487,7 +2486,7 @@ a.ui.basic.label:hover {
2487
2486
2488
2487
.ui .attached .header .right .button {
2489
2488
padding : 8px 10px ;
2490
- font-weight : var ( --font-weight- normal) ;
2489
+ font-weight : normal;
2491
2490
}
2492
2491
2493
2492
/* reduce height of buttons with dropdown icon */
@@ -2535,7 +2534,7 @@ a.ui.basic.label:hover {
2535
2534
padding : 2.75px ;
2536
2535
border-radius : 1em ;
2537
2536
font-size : 11px ;
2538
- font-weight : var ( --font-weight-semibold ) ;
2537
+ font-weight : 700 ;
2539
2538
line-height : .67em ;
2540
2539
}
2541
2540
@@ -2615,7 +2614,7 @@ table th[data-sortt-desc] .svg {
2615
2614
font-size : 1.25em ;
2616
2615
line-height : 1 ;
2617
2616
font-style : normal !important ;
2618
- font-weight : var ( --font-weight- normal) !important ;
2617
+ font-weight : normal !important ;
2619
2618
vertical-align : -0.075em ;
2620
2619
}
2621
2620
@@ -2722,7 +2721,7 @@ table th[data-sortt-desc] .svg {
2722
2721
.ellipsis-button {
2723
2722
padding : 0 5px 8px !important ;
2724
2723
display : inline-block !important ;
2725
- font-weight : var (--font-weight-semibold ) !important ;
2724
+ font-weight : var (--font-weight-bold ) !important ;
2726
2725
line-height : 6px !important ;
2727
2726
vertical-align : middle !important ;
2728
2727
}
0 commit comments