diff options
| author | Gabriel Albo <gabriel@albo.com.br> | 2015-02-27 16:51:34 -0300 |
|---|---|---|
| committer | Gabriel Albo <gabriel@albo.com.br> | 2015-02-27 16:51:34 -0300 |
| commit | 3576c77fa8b1cd2759f4257fc25b4461b024906d (patch) | |
| tree | 94d2c92b11b797b5a366ba549606c4d0977f0ccb /web-ui/app | |
| parent | c9a6c938557d64e1ad997476aadb2f7684f6f2d8 (diff) | |
Adding a default background color for tags while we don't build a tag customization functionality
Diffstat (limited to 'web-ui/app')
| -rw-r--r-- | web-ui/app/scss/_colors.scss | 5 | ||||
| -rw-r--r-- | web-ui/app/scss/_mixins.scss | 5 | ||||
| -rw-r--r-- | web-ui/app/scss/styles.scss | 7 |
3 files changed, 11 insertions, 6 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss index 7e90d6ae..bfa0ca95 100644 --- a/web-ui/app/scss/_colors.scss +++ b/web-ui/app/scss/_colors.scss @@ -4,8 +4,11 @@ $navigation_background: #3E3A37; /* Action buttons and links */ $action_buttons: #3dabc4; +/* Primary Highlight*/ +$primary_highlight: #FF9C00; + /* Unread count dialog bubble background color */ -$secondary_callout: #FF7902; +$secondary_callout: darken($primary_highlight, 5); /* Grayscale */ $contrast: #EEE; diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss index 5b59cad6..14a1679f 100644 --- a/web-ui/app/scss/_mixins.scss +++ b/web-ui/app/scss/_mixins.scss @@ -83,9 +83,10 @@ @mixin tags { ul.tags { li { - background: #DDD; + font-size: 0.6rem; + background-color: lighten($action_buttons, 12); + color: white; display: inline; - font-size: 0.55em; padding: 2px 3px; margin: 0 1px; position: relative; diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss index 71427af5..7ce13d39 100644 --- a/web-ui/app/scss/styles.scss +++ b/web-ui/app/scss/styles.scss @@ -114,8 +114,9 @@ line-height: 1.2; margin: -3px 0 0 0; li { - background-color: #DDD; - color: black; + font-size: 0.6rem; + background-color: lighten($action_buttons, 12); + color: white; display: inline-block; height: auto; font-weight: 400; @@ -531,7 +532,7 @@ button { } .side-nav-toggle-icon { - padding: 9px 0px 8px 19px; + padding: 6px 0px 8px 19px; display: block; left: 0; top: 0; |