Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: use new color variables in embed.scss, remove hardcoded colors (#10887)

This commit is contained in:
Kris 2020-10-12 16:27:58 -04:00 committed by GitHub
parent 572da7a57b
commit a361f86c62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/assets/stylesheets/embed.scss
View File

@ -2,23 +2,23 @@
@import "./vendor/normalize-ext"; @import "./vendor/normalize-ext";
@import "./common/foundation/base"; @import "./common/foundation/base";
@import "./common/foundation/variables"; @import "./common/foundation/variables";
@import "./common/foundation/colors"; @import "./common/foundation/color_definitions";
@import "./common/foundation/mixins"; @import "./common/foundation/mixins";
@import "./common/components/buttons"; @import "./common/components/buttons";
article.post { article.post {
border-bottom: 1px solid #ddd; border-bottom: 1px solid var(--primary-low);
img.avatar { img.avatar {
border-radius: 50%; border-radius: 50%;
} }
&.deleted { &.deleted {
background-color: #ffe5e5; background-color: var(--danger-low);
} }
.quote .title { .quote .title {
border-left: 5px solid $primary-very-low; border-left: 5px solid var(--primary-very-low);
padding: 10px 10px 0 12px; padding: 10px 10px 0 12px;
.avatar { .avatar {
margin-right: 7px; margin-right: 7px;
@ -33,7 +33,7 @@ article.post {
blockquote { blockquote {
padding: 10px 8px 10px 13px; padding: 10px 8px 10px 13px;
margin: 0 0 10px 0; margin: 0 0 10px 0;
border-left: 5px solid $primary-very-low; border-left: 5px solid var(--primary-very-low);
p { p {
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
@ -44,7 +44,7 @@ article.post {
.post-date { .post-date {
float: right; float: right;
color: #aaa; color: var(--primary-low-mid);
font-size: $font-down-1; font-size: $font-down-1;
margin: 10px 4px 0 0; margin: 10px 4px 0 0;
} }
@ -83,19 +83,19 @@ article.post {
margin: 0 0 10px 0; margin: 0 0 10px 0;
a { a {
color: #5c5c5c; color: var(--primary-high);
} }
a.staff { a.staff {
background-color: #ffffc2; background-color: var(--highlight-low);
} }
a.new-user { a.new-user {
color: $primary-low-mid-or-secondary-high; color: var(--primary-low-mid);
} }
span.title { span.title {
font-weight: normal; font-weight: normal;
color: #999; color: var(--primary-medium);
} }
} }
@ -110,12 +110,12 @@ img.emoji {
margin: 10px 20px 6px 0; margin: 10px 20px 6px 0;
display: inline-block; display: inline-block;
float: right; float: right;
color: #0088cc; color: var(--tertiary);
} }
.replies { .replies {
font-size: $font-0; font-size: $font-0;
color: #999; color: var(--primary-medium);
} }
.clearfix { .clearfix {
@ -127,7 +127,7 @@ header.discourse {
padding-right: 10px; padding-right: 10px;
padding-bottom: 8px; padding-bottom: 8px;
font-size: $font-up-2; font-size: $font-up-2;
border-bottom: 3px solid #ddd; border-bottom: 3px solid var(--primary-low);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -150,7 +150,7 @@ footer {
.button { .button {
color: white; color: white;
padding: 6px 8px; padding: 6px 8px;
background-color: #0088cc; background-color: var(--tertiary);
display: inline-block; display: inline-block;
} }
} }
@ -182,7 +182,7 @@ div.lightbox-wrapper {
margin: 0.5rem; margin: 0.5rem;
&:hover { &:hover {
background: #006da3; background: var(--tertiary-hover);
} }
span { span {
@ -211,16 +211,16 @@ div.lightbox-wrapper {
clear: both; clear: both;
.main-link { .main-link {
border-bottom: 1px solid $primary-low; border-bottom: 1px solid var(--primary-low);
padding: 0.5rem; padding: 0.5rem;
width: 100%; width: 100%;
a { a {
color: $primary; color: var(--primary);
} }
a:visited { a:visited {
color: $primary-medium; color: var(--primary-medium);
} }
} }
@ -249,7 +249,7 @@ div.lightbox-wrapper {
.topic-last-posted-at, .topic-last-posted-at,
.topic-created-at, .topic-created-at,
.topic-stats { .topic-stats {
color: $primary-medium; color: var(--primary-medium);
} }
} }