mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-05-21 17:24:10 +00:00
CSS color variables, less bold font weight and more (#13567)
* CSS color variables, less bold font weight - Define color variables for fully saturated colors and apply them where it made sense - Add background color helper classes - Globally reduce bold font weight from 700 to 500 - Remove border from timeline icons - Unify dropzone styling - Various border style consolidations * attempt to fix test * another attempt at tests * fix contains
This commit is contained in:
silverwind
GitHub
parent
7a30e97002
commit
0de546009e
20 changed files with 221 additions and 225 deletions
|
|
@ -2,3 +2,4 @@
|
|||
|
||||
@headerFont: var(--fonts-regular);
|
||||
@pageFont: var(--fonts-regular);
|
||||
@bold: 500;
|
||||
|
|
|
|||
|
|
@ -138,7 +138,7 @@
|
|||
margin: 0;
|
||||
padding: 0.75em 1em;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||
transition: background 0.1s ease, color 0.1s ease;
|
||||
}
|
||||
|
|
@ -354,7 +354,7 @@
|
|||
*******************************/
|
||||
|
||||
.ui.breadcrumb .active.section {
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*******************************
|
||||
|
|
@ -428,7 +428,7 @@
|
|||
padding: 0.78571429em 1.5em 0.78571429em;
|
||||
text-transform: none;
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
line-height: 1em;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
|
|
@ -1521,7 +1521,7 @@
|
|||
line-height: 1.78571429em;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
box-shadow: 0 0 0 1px transparent inset;
|
||||
}
|
||||
|
||||
|
|
@ -5187,7 +5187,7 @@
|
|||
|
||||
.ui.cards > .card > .content > .header:not(.ui),
|
||||
.ui.card > .content > .header:not(.ui) {
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-size: 1.28571429em;
|
||||
margin-top: -0.21425em;
|
||||
line-height: 1.28571429em;
|
||||
|
|
@ -7305,7 +7305,7 @@ a.inverted.ui.card:hover,
|
|||
.ui.comments .comment .author {
|
||||
font-size: 1em;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ui.comments .comment a.author {
|
||||
|
|
@ -8158,7 +8158,7 @@ body.dimmable > .dimmer {
|
|||
margin: 1rem 0;
|
||||
line-height: 1;
|
||||
height: 0;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
|
|
@ -8616,7 +8616,7 @@ body.dimmable > .dimmer {
|
|||
.ui.dropdown .menu > .header {
|
||||
margin: 1rem 0 0.75rem;
|
||||
padding: 0 1.14285714rem;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
|
@ -9416,7 +9416,7 @@ select.ui.dropdown {
|
|||
}
|
||||
|
||||
.ui.inline.dropdown > .text {
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ui.inline.dropdown .menu {
|
||||
|
|
@ -9437,7 +9437,7 @@ select.ui.dropdown {
|
|||
|
||||
.ui.dropdown .menu .active.item {
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.95);
|
||||
box-shadow: none;
|
||||
z-index: 12;
|
||||
|
|
@ -10679,7 +10679,7 @@ select.ui.dropdown {
|
|||
margin: 0 0 0.28571429rem 0;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-size: 0.92857143em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
|
@ -12186,7 +12186,7 @@ select.ui.dropdown {
|
|||
margin: 0 0 0.28571429rem 0;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-size: 0.92857143em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
|
@ -12395,7 +12395,7 @@ select.ui.dropdown {
|
|||
margin-bottom: 0;
|
||||
vertical-align: baseline;
|
||||
font-size: 0.92857143em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
text-transform: none;
|
||||
}
|
||||
|
|
@ -14785,7 +14785,7 @@ select.ui.dropdown {
|
|||
margin: calc(2rem - 0.1428571428571429em) 0 1rem;
|
||||
padding: 0 0;
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
line-height: 1.28571429em;
|
||||
text-transform: none;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
|
|
@ -15045,7 +15045,7 @@ h6.ui.header .sub.header {
|
|||
.ui.sub.header {
|
||||
padding: 0;
|
||||
margin-bottom: 0.14285714rem;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-size: 0.85714286em;
|
||||
text-transform: uppercase;
|
||||
color: '';
|
||||
|
|
@ -25869,7 +25869,7 @@ img.ui.bordered.image {
|
|||
display: inline-block;
|
||||
margin: -0.21425em 0 0;
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
|
|
@ -26365,7 +26365,7 @@ img.ui.bordered.image {
|
|||
padding: 0.5833em 0.833em;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
text-transform: none;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
border: 0 solid transparent;
|
||||
border-radius: 0.28571429rem;
|
||||
transition: background 0.1s ease;
|
||||
|
|
@ -26419,7 +26419,7 @@ a.ui.label {
|
|||
.ui.label > .detail {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
margin-left: 1em;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
|
@ -28906,7 +28906,7 @@ ol.ui.list ol li,
|
|||
display: block;
|
||||
margin: 0;
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
|
|
@ -30943,13 +30943,13 @@ ol.ui.suffixed.list li:before,
|
|||
margin: 0;
|
||||
background: '';
|
||||
text-transform: normal;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ui.vertical.menu .item > .header:not(.ui) {
|
||||
margin: 0 0 0.5em;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -31002,7 +31002,7 @@ ol.ui.suffixed.list li:before,
|
|||
|
||||
.ui.menu .ui.dropdown .menu > .active.item {
|
||||
background: rgba(0, 0, 0, 0.03) !important;
|
||||
font-weight: bold !important;
|
||||
font-weight: 500 !important;
|
||||
color: rgba(0, 0, 0, 0.95) !important;
|
||||
}
|
||||
|
||||
|
|
@ -31410,7 +31410,7 @@ Floated Menu / Item
|
|||
|
||||
.ui.vertical.menu .item .menu .active.item {
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.95);
|
||||
}
|
||||
|
||||
|
|
@ -31458,7 +31458,7 @@ Floated Menu / Item
|
|||
color: rgba(0, 0, 0, 0.95);
|
||||
border-top-width: 1px;
|
||||
border-color: #D4D4D5;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
margin-bottom: -1px;
|
||||
box-shadow: none;
|
||||
border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
|
||||
|
|
@ -31827,7 +31827,7 @@ Floated Menu / Item
|
|||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
border-color: currentColor;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.95);
|
||||
}
|
||||
|
||||
|
|
@ -31935,7 +31935,7 @@ Floated Menu / Item
|
|||
color: rgba(0, 0, 0, 0.85);
|
||||
font-size: 0.92857143em;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Image */
|
||||
|
|
@ -33233,7 +33233,7 @@ Floated Menu / Item
|
|||
.ui.message .header {
|
||||
display: block;
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
margin: -0.14285714em 0 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -33970,7 +33970,7 @@ Floated Menu / Item
|
|||
.ui.modal > .header:not(.ui) {
|
||||
font-size: 1.42857143rem;
|
||||
line-height: 1.28571429em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -34750,7 +34750,7 @@ Floated Menu / Item
|
|||
font-family: var(--fonts-regular);
|
||||
font-size: 1.14285714em;
|
||||
line-height: 1.2;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ui.popup > .header + .content {
|
||||
|
|
@ -35644,7 +35644,7 @@ Floated Menu / Item
|
|||
color: rgba(255, 255, 255, 0.7);
|
||||
text-shadow: none;
|
||||
margin-top: -0.5em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
|
@ -35659,7 +35659,7 @@ Floated Menu / Item
|
|||
left: 0;
|
||||
bottom: auto;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-shadow: none;
|
||||
margin-top: 0.2em;
|
||||
text-align: center;
|
||||
|
|
@ -37055,7 +37055,7 @@ template {
|
|||
.ui.search > .results .result .title {
|
||||
margin: -0.14285714em 0 0;
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
|
@ -37082,7 +37082,7 @@ template {
|
|||
.ui.search > .results > .message .header {
|
||||
font-family: var(--fonts-regular);
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
|
|
@ -37100,7 +37100,7 @@ template {
|
|||
background: #F3F4F5;
|
||||
padding: 0.92857143em 1em;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -37291,7 +37291,7 @@ template {
|
|||
font-family: var(--fonts-regular);
|
||||
font-size: 1em;
|
||||
padding: 0.4em 1em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
||||
}
|
||||
|
|
@ -39052,7 +39052,7 @@ h5 {
|
|||
font-family: var(--fonts-regular);
|
||||
line-height: 1.28571429em;
|
||||
margin: calc(2rem - 0.1428571428571429em) 0 1rem;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
|
@ -39388,7 +39388,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
|
|||
padding: 0.92857143em 0.78571429em;
|
||||
vertical-align: inherit;
|
||||
font-style: none;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
||||
border-left: none;
|
||||
|
|
@ -39563,7 +39563,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
|
|||
.ui.table:not(.unstackable) > tr > td:first-child,
|
||||
.ui.table:not(.unstackable) > tbody > tr > td:first-child,
|
||||
.ui.table:not(.unstackable) > tfoot > tr > td:first-child {
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Definition Table */
|
||||
|
|
@ -39894,7 +39894,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
|
|||
.ui.definition.table > tfoot > tr > td:first-child:not(.ignored),
|
||||
.ui.definition.table tr td.definition {
|
||||
background: rgba(0, 0, 0, 0.03);
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.95);
|
||||
text-transform: '';
|
||||
box-shadow: '';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue