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

FIX: Emoji modal in dark theme

This commit is contained in:
Kane York 2015-08-21 11:35:19 -07:00
parent 9185cec1f3
commit 36b5269d19
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/common/base/emoji.scss
View File

@ -15,12 +15,12 @@ body img.emoji {
margin-top: -100px;
left: 50%;
top: 50%;
background-color: #dadada;
background-color: dark-light-choose(#dadada, blend-primary-secondary(5%));
}
.emoji-page td {
border: 1px solid transparent;
background-color: white;
background-color: dark-light-choose(white, $secondary);
}
.emoji-page a {
@ -30,13 +30,13 @@ body img.emoji {
}
.emoji-page a:hover {
background-color: rgb(210, 236, 252);
background-color: dark-light-choose(rgb(210, 236, 252), rgb(45, 19, 3));
}
.emoji-table-wrapper {
min-width: 442px;
min-height: 185px;
background-color: white;
background-color: $secondary;
}
.emoji-modal-wrapper {
@ -46,7 +46,7 @@ body img.emoji {
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
opacity: dark-light-choose(0.8, 0.5);
background-color: black;
}
@ -61,11 +61,11 @@ body img.emoji {
.emoji-modal .toolbar li a {
padding: 8px;
background-color: #dadada;
background-color: dark-light-choose(#dadada, blend-primary-secondary(5%));
}
.emoji-modal .toolbar li a.selected {
background-color: #fff;
background-color: $secondary;
}
.emoji-modal .info {
@ -78,6 +78,7 @@ body img.emoji {
.emoji-modal .info span {
margin-left: 5px;
font-weight: bold;
color: $primary;
}
.emoji-modal .info {
@ -89,10 +90,10 @@ body img.emoji {
}
.emoji-modal .nav span {
color: #aaa;
color: dark-light-choose(#aaa, #555);
margin-right: 10px;
}
.emoji-modal .nav a {
color: #333;
color: dark-light-choose(#333, #ccc);
}