|
@@ -107,7 +107,7 @@
|
|
|
.icon-button {
|
|
|
display: inline-block;
|
|
|
padding: 0;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
border: none;
|
|
|
background: transparent;
|
|
|
cursor: pointer;
|
|
@@ -145,7 +145,7 @@
|
|
|
&:hover,
|
|
|
&:active,
|
|
|
&:focus {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
|
|
|
&.active {
|
|
@@ -185,7 +185,7 @@
|
|
|
&:hover,
|
|
|
&:active,
|
|
|
&:focus {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
transition: color 200ms ease-out;
|
|
|
}
|
|
|
|
|
@@ -610,13 +610,13 @@
|
|
|
}
|
|
|
|
|
|
.status__relative-time {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
float: right;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.status__display-name {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
|
|
|
.status__info .status__display-name {
|
|
@@ -652,14 +652,14 @@
|
|
|
|
|
|
.status__prepend {
|
|
|
margin-left: 68px;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
padding: 8px 0;
|
|
|
padding-bottom: 2px;
|
|
|
font-size: 14px;
|
|
|
position: relative;
|
|
|
|
|
|
.status__display-name strong {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -725,7 +725,7 @@
|
|
|
|
|
|
.detailed-status__meta {
|
|
|
margin-top: 15px;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
font-size: 14px;
|
|
|
line-height: 18px;
|
|
|
}
|
|
@@ -944,7 +944,7 @@
|
|
|
}
|
|
|
|
|
|
abbr {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -1046,11 +1046,11 @@
|
|
|
.muted {
|
|
|
.status__content p,
|
|
|
.status__content a {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
|
|
|
.status__display-name strong {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
|
|
|
.status__avatar {
|
|
@@ -1058,7 +1058,7 @@
|
|
|
}
|
|
|
|
|
|
a.status__content__spoiler-link {
|
|
|
- background: lighten($ui-base-color, 26%);
|
|
|
+ background: $ui-base-lighter-color;
|
|
|
color: lighten($ui-base-color, 4%);
|
|
|
|
|
|
&:hover {
|
|
@@ -1273,7 +1273,7 @@
|
|
|
.static-content {
|
|
|
padding: 10px;
|
|
|
padding-top: 20px;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
|
|
|
h1 {
|
|
|
font-size: 16px;
|
|
@@ -1736,7 +1736,7 @@
|
|
|
|
|
|
.column-subheading {
|
|
|
background: $ui-base-color;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
padding: 8px 20px;
|
|
|
font-size: 12px;
|
|
|
font-weight: 500;
|
|
@@ -1875,7 +1875,7 @@
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -1939,7 +1939,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
font-size: 14px;
|
|
|
border: 1px solid lighten($ui-base-color, 8%);
|
|
|
border-radius: 4px;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
margin-top: 14px;
|
|
|
text-decoration: none;
|
|
|
overflow: hidden;
|
|
@@ -2034,7 +2034,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
|
|
|
.load-more {
|
|
|
display: block;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
background-color: transparent;
|
|
|
border: 0;
|
|
|
font-size: inherit;
|
|
@@ -2723,13 +2723,13 @@ button.icon-button.active i.fa-retweet {
|
|
|
color: $ui-secondary-color;
|
|
|
font-size: 18px;
|
|
|
font-weight: 500;
|
|
|
- border: 2px dashed lighten($ui-base-color, 26%);
|
|
|
+ border: 2px dashed $ui-base-lighter-color;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
.upload-progress {
|
|
|
padding: 10px;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
|
|
@@ -2754,7 +2754,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
width: 100%;
|
|
|
height: 6px;
|
|
|
border-radius: 6px;
|
|
|
- background: lighten($ui-base-color, 26%);
|
|
|
+ background: $ui-base-lighter-color;
|
|
|
position: relative;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
@@ -2965,7 +2965,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
}
|
|
|
|
|
|
.search-results__header {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
background: lighten($ui-base-color, 2%);
|
|
|
border-bottom: 1px solid darken($ui-base-color, 4%);
|
|
|
padding: 15px 10px;
|
|
@@ -3559,7 +3559,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
|
|
|
.attachment-list__icon {
|
|
|
flex: 0 0 auto;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
padding: 8px 18px;
|
|
|
cursor: default;
|
|
|
border-right: 1px solid lighten($ui-base-color, 8%);
|
|
@@ -3589,7 +3589,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
|
|
|
a {
|
|
|
text-decoration: none;
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
font-weight: 500;
|
|
|
|
|
|
&:hover {
|
|
@@ -3752,7 +3752,7 @@ button.icon-button.active i.fa-retweet {
|
|
|
}
|
|
|
|
|
|
.account-section-headline {
|
|
|
- color: lighten($ui-base-color, 26%);
|
|
|
+ color: $ui-base-lighter-color;
|
|
|
background: lighten($ui-base-color, 2%);
|
|
|
border-bottom: 1px solid lighten($ui-base-color, 4%);
|
|
|
padding: 15px 10px;
|