|
|
|
@ -42,7 +42,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.button { |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
background-color: darken($ui-highlight-color, 2%); |
|
|
|
|
border: 10px none; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
box-sizing: border-box; |
|
|
|
@ -60,20 +60,16 @@ |
|
|
|
|
text-align: center; |
|
|
|
|
text-decoration: none; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
transition: all 100ms ease-in; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
width: auto; |
|
|
|
|
|
|
|
|
|
&:active, |
|
|
|
|
&:focus, |
|
|
|
|
&:hover { |
|
|
|
|
background-color: lighten($ui-highlight-color, 10%); |
|
|
|
|
transition: all 200ms ease-out; |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&--destructive { |
|
|
|
|
transition: none; |
|
|
|
|
|
|
|
|
|
&:active, |
|
|
|
|
&:focus, |
|
|
|
|
&:hover { |
|
|
|
@ -829,7 +825,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a.unhandled-link { |
|
|
|
|
color: lighten($ui-highlight-color, 8%); |
|
|
|
|
color: $highlight-text-color; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.status__content__spoiler-link { |
|
|
|
@ -899,7 +895,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.unhandled-link { |
|
|
|
|
color: lighten($ui-highlight-color, 8%); |
|
|
|
|
color: $highlight-text-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -912,7 +908,7 @@ |
|
|
|
|
display: block; |
|
|
|
|
font-size: 15px; |
|
|
|
|
line-height: 20px; |
|
|
|
|
color: lighten($ui-highlight-color, 8%); |
|
|
|
|
color: $highlight-text-color; |
|
|
|
|
border: 0; |
|
|
|
|
background: transparent; |
|
|
|
|
padding: 0; |
|
|
|
@ -2437,7 +2433,7 @@ a.account__display-name { |
|
|
|
|
height: 3.9375rem; |
|
|
|
|
bottom: 1.3125rem; |
|
|
|
|
right: 1.3125rem; |
|
|
|
|
background: darken($ui-highlight-color, 3%); |
|
|
|
|
background: darken($ui-highlight-color, 2%); |
|
|
|
|
color: $white; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
font-size: 21px; |
|
|
|
@ -2448,7 +2444,7 @@ a.account__display-name { |
|
|
|
|
&:hover, |
|
|
|
|
&:focus, |
|
|
|
|
&:active { |
|
|
|
|
background: lighten($ui-highlight-color, 7%); |
|
|
|
|
background: $ui-highlight-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -2881,11 +2877,11 @@ a.account__display-name { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.react-toggle--checked .react-toggle-track { |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
background-color: darken($ui-highlight-color, 2%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.react-toggle--checked:is(:hover, :focus-within):not(.react-toggle--disabled) .react-toggle-track { |
|
|
|
|
background-color: lighten($ui-highlight-color, 10%); |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.react-toggle-track-check { |
|
|
|
@ -2974,7 +2970,7 @@ a.account__display-name { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
|
color: $ui-highlight-color; |
|
|
|
|
color: $highlight-text-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -3407,14 +3403,14 @@ a.status-card.compact:hover { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a { |
|
|
|
|
color: lighten($ui-highlight-color, 8%); |
|
|
|
|
color: $highlight-text-color; |
|
|
|
|
text-decoration: none; |
|
|
|
|
|
|
|
|
|
&:hover, |
|
|
|
|
&:focus, |
|
|
|
|
&:active { |
|
|
|
|
text-decoration: underline; |
|
|
|
|
color: lighten($ui-highlight-color, 12%); |
|
|
|
|
color: lighten($highlight-text-color, 4%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -6427,8 +6423,8 @@ a.status-card.compact:hover { |
|
|
|
|
vertical-align: middle; |
|
|
|
|
|
|
|
|
|
&.checked { |
|
|
|
|
border-color: lighten($ui-highlight-color, 8%); |
|
|
|
|
background: lighten($ui-highlight-color, 8%); |
|
|
|
|
border-color: lighten($ui-highlight-color, 4%); |
|
|
|
|
background: lighten($ui-highlight-color, 4%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|