diff options
author | beatrix <beatrix.bitrot@gmail.com> | 2018-05-06 11:32:42 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-05-06 11:32:42 -0400 |
commit | 06770656ebe36191a5f60895af187fb347e13510 (patch) | |
tree | de3217e4b36eb8d53887d9488277a6a6ee52fa2d /app/javascript/flavours/glitch/styles/components/emoji_picker.scss | |
parent | e56639258a0d12a7ca3cfcfe528da441341e78eb (diff) | |
parent | 65349bc155b4e3fb99721758944e19dd5af31489 (diff) |
Merge pull request #459 from ThibG/glitch-soc/features/text-color-variables
Add text color variables + minor SCSS fixes + high contrast skin
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/emoji_picker.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/emoji_picker.scss | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/emoji_picker.scss b/app/javascript/flavours/glitch/styles/components/emoji_picker.scss index 4161cc045..dcc551c5b 100644 --- a/app/javascript/flavours/glitch/styles/components/emoji_picker.scss +++ b/app/javascript/flavours/glitch/styles/components/emoji_picker.scss @@ -7,7 +7,7 @@ font-size: 13px; display: inline-block; - color: $ui-base-color; + color: $inverted-text-color; .emoji-mart-emoji { padding: 6px; @@ -36,7 +36,7 @@ display: flex; justify-content: space-between; padding: 0 6px; - color: $ui-primary-color; + color: $lighter-text-color; line-height: 0; } @@ -50,15 +50,15 @@ cursor: pointer; &:hover { - color: darken($ui-primary-color, 4%); + color: darken($lighter-text-color, 4%); } } .emoji-mart-anchor-selected { - color: darken($ui-highlight-color, 3%); + color: $highlight-text-color; &:hover { - color: darken($ui-highlight-color, 3%); + color: darken($highlight-text-color, 4%); } .emoji-mart-anchor-bar { @@ -115,7 +115,7 @@ display: block; width: 100%; background: rgba($ui-secondary-color, 0.3); - color: $ui-primary-color; + color: $inverted-text-color; border: 1px solid $ui-secondary-color; border-radius: 4px; @@ -184,7 +184,7 @@ font-size: 14px; text-align: center; padding-top: 70px; - color: $ui-primary-color; + color: $light-text-color; .emoji-mart-category-label { display: none; |